How to change the BG color for the central column

• 

  jeffzablow · Member · Jun 3, 2014 at 4:17 pm

  • Copy link
  • Add topic to favorites

  I looked in the CSS forums and did not find an answer as to how to change the background color for the central column in which either your blog or page is written. On a Whim’s color is an off white and I would like to make it white– If you could give me the code, I’d really appreciate it. Thanks!

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

• 

  rachelmcr · Member · Jun 3, 2014 at 4:42 pm

  • Copy link

  Hi there,

  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 add the following CSS to make that background color white:

  .hentry, body.page-template-full-width-page-php .entry-content, body.page-template-full-width-page-php .entry-header, .type-attachment .entry-content, .type-attachment .entry-header, body.error404 .entry-content, body.error404 .entry-header, .no-results .entry-content, .no-results .entry-header {
  background: white;
  }

  You may also want to add this CSS to make the navigation menu at the top of the page match:

  .navigation-social-links {
  background: white;
  }

  If you’re interested in doing more with CSS, we have tips for getting started here:

  • CSS Basics
  • Editing CSS
  • How to Find Your Theme’s CSS

  If you have CSS questions, most of our CSS support is done in the CSS Customization forum:

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

  You can post CSS questions there and the expert staff and volunteers in that forum will help you find the CSS you need. :) Just let me know if you have any questions about that.

• 

  jeffzablow · Member · Jun 3, 2014 at 6:14 pm

  • Copy link

  Thanks so much. It worked like a charm!

• 

  jeffzablow · Member · Jun 3, 2014 at 6:41 pm

  • Copy link

  Would you happen to have the code for altering the BG color for the comments as well? Thanks so much!

• 

  rachelmcr · Member · Jun 4, 2014 at 9:28 am

  • Copy link

  You can change the comments background to white with this CSS:

  .comments-area {
  background: white;
  }

  I found that CSS using the approach explained here: How to Find Your Theme’s CSS

  I hope that helps!

• 

  jeffzablow · Member · Jun 4, 2014 at 1:08 pm

  • Copy link

  Yes, quite a bit, thank you!

• 

  jeffzablow · Member · Jun 4, 2014 at 1:18 pm

  • Copy link

  Ok. One last question: we recently upgraded to “On a Whim,” and it appears that we’ve lost our tags on the bottom of each post. On closer inspection, though, tags are visible when we look at a post invidually: http://wingedbeauty.com/2013/02/26/sachem-butterfly/#comments

  But not when its part of a longer series of posts–
  http://wingedbeauty.com/category/butterfly-types/skipper/page/3/
  (scroll down to nearly the bottom)

  and as they normally are on the home page.

  Is there a way to change that?

  Thanks!

• 

  rachelmcr · Member · Jun 4, 2014 at 2:01 pm

  • Copy link

  That’s how the On a Whim theme is designed. In a list of posts (for example, on your home page or on a category page like http://wingedbeauty.com/category/butterfly-types/skipper/) you’ll see the categories at the top of the post but not the tags. The tags will only show up on the bottom of the post when you view the post individually. You can also see that in action on the On a Whim demo site here: http://onawhimdemo.wordpress.com/

  Each theme may display your categories and tags differently, depending on the design, but that’s how the theme is built so there isn’t a way to change that.

• 

  jeffzablow · Member · Jun 10, 2014 at 2:47 pm

  • Copy link

  Thank you for the detailed explanation!