Help changing the text background color!

• 

  thelimbitlessot · Member · May 7, 2016 at 2:45 pm

  • Copy link
  • Add topic to favorites

  As you can see, my background image is very light, but I love it! I need help changing the background image color to a different color (I’m thinking a super light teal, just enough to differentiate the background from the text background thing).

  I don’t even know what that block of stuff is called. I just need help changing the color of the one that moves ;)

  Thanks in advance!

  The blog I need help with is: (visible only to logged in users)

• 

  zacheryhenry · Member · May 7, 2016 at 3:24 pm

  • Copy link

  That pop-up box at the start up has a typo:

  “Wouldv you love to be able to stay updated on my events and adventures?”

• 

  thelimbitlessot · Member · May 7, 2016 at 3:28 pm

  • Copy link

  Thanks! I had fixed that last night, apparently it never saved. It’s fixed now, I appreciate it!

• 

  zacheryhenry · Member · May 7, 2016 at 3:32 pm

  • Copy link

  No problem!

• 

  thesacredpath · Member · May 9, 2016 at 7:25 pm

  • Copy link

  @, to change the background color on the content area, add the following and adjust as desired. It may be that the color you select will mean that some of the text content (tagline, menu, content body text) will also need to change. Add this and get the color you would like and then we make other adjustments as needed to keep a good contrast.

  .site {
      background-color: #00ddcc;
  }

• 

  thelimbitlessot · Member · May 10, 2016 at 11:29 am

  • Copy link

  Thanks @thesacredpath! You’re awesome!

  It seems to not be saving. I change it, and it works beautifully, and I save & publish it, which seems to work, but as soon as I quit out of the customizer and go back in, it doesn’t save the second line at all! Only the first and third lines. What is going on with that??

  Also, while I have you here, any ideas how to change just my site title font to a customized one/one that isn’t in the WordPress library?

• 

  thesacredpath · Member · May 10, 2016 at 7:57 pm

  • Copy link

  Hi there, what was causing things not to save was this at the top of your custom CSS.

  {
  	background-image: }

  I removed it and then pasted in the above code and it saved for me. I’ve removed the code and you can now paste it in.

  The one thing you are going to notice, is that the curly corners on your images will still be white. Those are an SVG image and you would have to edit that image in a program that can edit and save SVG images and then upload that to your media library and then add the following CSS and replace URL_OF_IMAGE between the quote marks with the URL of your uploaded image.

  .featured-image::before, .featured-image::after {
      background-image: url("URL_OF_IMAGE");
  }