Need code to change a bg color not in Customize

• 

  tbucka · Member · Jun 15, 2015 at 4:40 pm

  • Copy link
  • Add topic to favorites

  I am using 2014 theme and would like to change the center area from a white to a different color. I need to know the code to make this change since this area is not found in the “Colors and Backgrounds”

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

• 

  staff-jeanpierreac · Staff · Jun 16, 2015 at 7:39 am

  • Copy link

  Hi there.

  Your white area is in fact the addition of several different areas. I propose you a css code that allows you to see what I mean as it fill each one of these areas with a different background color.

  .content-area, .content-sidebar {
      background-color: red;
  }
  
  .full-width .site-content {
      background-color: yellow;
  }
  
  .list-view .site-content .hentry:first-of-type, .list-view .site-content .hentry.has-post-thumbnail {
      background-color: blue;
  }
  
  .full-width .site-content .entry-header {
      background-color: aquamarine;
  }
  
  .full-width .site-content .entry-content {
      margin-right: auto;
      background-color: purple;
  }
  
  .site-content .entry-meta {
      background-color: green;
  }

  Once you decide which area you would need to change, just modify code(s) with your preferred color. Or ask us, of course, if you have any doubt :)

• 

  staff-totoro · Staff · Jun 19, 2015 at 4:06 am

  • Copy link

  Hi there,

  You can try the following block of code, entered into the CSS tab of your site customizer here: https://wordpress.com/customize

  You did not mention a color you wanted to use, so I chose a soft grey that matches your background color (#EBE2E2) so here is the code to paste in:

  .site,
  #page .entry-header,
  #page .entry-meta,
  #page .entry-content {
  	background-color: #EBE2E2;
  }

  If you like you can tweak that color value (#EBE2E2) to find what works for you. You can also use the following free online tool to find the 6 character hex code for any color you wish: http://www.colorpicker.com/

  Feel free to experiment, and be sure to save your changes when you are done.

  Cheers!

• 

  staff-jeanpierreac · Staff · Jun 19, 2015 at 6:40 am

  • Copy link

  Thanks staff-totoro.

  Once seen yours, I think my answer could be quite… confusing! :)

• 

  kathrynwp · Staff · Jun 22, 2015 at 3:25 pm

  • Copy link

  tbucka – I see that your main column in Twenty Fourteen is still white, so just let us know if you’re all set or if you still need help with this.