"Text" background color

• 

  gimra · Member · Jun 2, 2014 at 9:57 pm

  • Copy link
  • Add topic to favorites

  I need to change the background of the text area, not the background of the page itself. How can I do that?

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

• 

  shawnajroberts · Member · Jun 3, 2014 at 2:13 am

  • Copy link

  Hi there!

  Can you tell me more about what you want to change? Do you just want to change the color? Or do you want to make an image the background for the text area? Is this for all text areas? Or only the text area on a certain page or post?

  Looking forward to your reply!

• 

  gimra · Member · Jun 4, 2014 at 2:44 am

  • Copy link

  Hello shawnajroberts,

  I appreciate the response. I don’t necessarily need to add a background image for the text area, although that would be nice too. But I would like to change the background color of the text area from white to another color. Can you help with that?

• 

  shawnajroberts · Member · Jun 4, 2014 at 7:49 pm

  • Copy link

  Here’s some code to change the color of your text areas:

  .entry-content {
  	background: black;
  }

  And this code will change the background color of the title are of your posts and pages:

  .entry-header {
  	background: black;
  }

  If you’d like to use an image instead, just upload the image to your Media Library and grab the File URL. Then add the file URL to the code like this:

  .entry-content {
  	background: image-file.jpg;
  }

  Let me know if I can help further!

• 

  gimra · Member · Jul 3, 2014 at 2:52 am

  • Copy link

  Hi Shawna,

  Where do I put this code? I used the code button and inserted the above and changed the color to yellow and it italicized the text.

• 

  rachelmcr · Member · Jul 4, 2014 at 7:06 pm

  • Copy link

  Hi there,

  The code Shawna gave you is Custom CSS that can be added to your CSS editor. To add custom CSS, go to your My Blogs page and click the Customize link under the blog’s title. In the Customizer, open the CSS section and in the CSS editor there, you can paste in that CSS code.

  Please let us know if you have any other questions about that!