Change the color of a page?

• 

  eyefashion2014 · Member · Mar 26, 2014 at 10:34 pm

  • Copy link
  • Add topic to favorites

  How do I change the background color of the page (where my text appears) from white to a shade of brown?

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

• 

  shawnajroberts · Member · Mar 28, 2014 at 3:12 am

  • Copy link

  Hi there!

  I’ve responded to your domain question in your other thread:

  https://en.forums.wordpress.com/private-support/registeringtransferring-domain-name

  Once we have that straightened out, we can work on this!

• 

  eyefashion2014 · Member · Mar 28, 2014 at 6:48 pm

  • Copy link

  Hi! Mapping domain has been completed. Any help you can now give me on changing the page color to a tan color from white would be great! Thank you!

• 

  shawnajroberts · Member · Mar 28, 2014 at 7:04 pm

  • Copy link

  Certainly! Here’s a bit of CSS code that will change the background of the content area. You can tweak that color a bit to make it exactly what you want!

  .hentry {
  	background: #D9C79C;
  }

  Let me know how that goes!

• 

  eyefashion2014 · Member · Mar 28, 2014 at 8:12 pm

  • Copy link

  Thank you so much! That worked great! Out of curiosity, how do you know what numbers go with what colors? Is there a chart somewhere that tells you? Sorry for the stupid questions, but like I said….I am an absolute beginner at this.
  Also, can you tell me what code to use to change the font color of the text? I want to experiment with either a black or a white color instead of it’s current grey.

• 

  shawnajroberts · Member · Mar 28, 2014 at 9:19 pm

  • Copy link

  That number is the values for Red, Green, and Blug (RGB) right next to each other in hexidecimal, or base 16. Here’s a bit of a ‘crash course’ in computer display coloring and RGB hex values. (They also mention CMYK, which is cyan, magenta, yellow, black, but you can just use the RGB values.):

  http://www.videolabs.net/uncategorized/cmyk-and-rgb-explained-for-the-rest-of-us/

  And here’s a cool design tool that you can use to find hues that match:

  http://colorschemedesigner.com/

  You can see the RGB hex value at the lower right hand corner of the big circle. Make sure you keep the # symbol when you insert it into the code. :)

  You can change the font color of your content using this code:

  body, h1, h2, h3, h4, h5, h6, .entry-title {
  	color: #000000;
  }

  Also, here’s a link to CSS Basics, which will be helpful if you haven’t worked with CSS before:

  http://en.support.wordpress.com/custom-design/css-basics/

  And a guide for Editing CSS:

  http://en.support.wordpress.com/custom-design/editing-css/

  I’m happy to assist with any basic CSS questions you have. We also have a forum specifically for CSS questions, which you can find here:

  https://en.forums.wordpress.com/forum/css-customization

  Let me know if you have any more questions!

• 

  eyefashion2014 · Member · Apr 2, 2014 at 3:02 pm

  • Copy link

  Thank you so much Shawna! You have been a HUGE help to me!

• 

  shawnajroberts · Member · Apr 2, 2014 at 3:18 pm

  • Copy link

  So happy I could help! Let me know if there’s anything else I can do! :)