customising the appearance colour ground.

• 

  amsoth · Member · Jan 6, 2015 at 10:55 pm

  • Copy link
  • Add topic to favorites

  Hi, I’m wondering if with css I am able to customise the colour that the blog content displays on. I am using the twenty-eleven theme and i can only access either a white background with black text overlaid or black ground with white text – currently i have it set with a black ground (and tiling trees behind that). What i’d like to be able to do is have a grey/blue ground with black text. Is it possible to customise this is is only the black and white option available? Thanks for your help.

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

• 

  thatrobyn · Member · Jan 7, 2015 at 5:11 pm

  • Copy link

  Hello there!

  You can indeed use CSS to make adjustments to these colors.

  If you’d like to give this a try, click Appearance → Customize in your site’s Dashboard. Then, click CSS in your right-hand menu. In the CSS Revisions box, please paste the following underneath all existing text:

  #branding {
  border-color: #a1b9c9;
  background-color: #a1b9c9;
  border-top: 0;
  }

  #main {
  clear: both;
  background-color: #a1b9c9;
  padding: 1.625em 0 0;
  border: 0px;
  }

  Then Save your changes.

  You can use Customize → Colors to adjust the other colors on your page so they look great with the new background.

  Also, I chose a blue-gray at random, but you can opt for another color by replacing #a1b9c9 in the code above with the code of your choice. Here is a page that will help you find hex color codes:

  http://www.w3schools.com/tags/ref_colorpicker.asp

  I hope this helps! If you have any other concerns, drop me a note. Thanks much!

• 

  amsoth · Member · Jan 10, 2015 at 2:23 am

  • Copy link

  Thanks Robyn – thats really helpful – I appreciate your expertise. Cheers, am.

• 

  thatrobyn · Member · Jan 12, 2015 at 6:38 pm

  • Copy link

  My pleasure! So glad I could help!