Change color of Sidebar in Bloggy Theme

• 

  devibbrooks · Member · Jul 19, 2014 at 9:33 am

  • Copy link
  • Add topic to favorites

  Change sidebar color on Bloggy Theme. I’ve tried several different CSS codes and nothing seems to work. Help?

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

• 

  thatrobyn · Member · Jul 19, 2014 at 4:46 pm

  • Copy link

  Hello there!
  In order to change the background color of your sidebar, 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:

  div.widget-area {
  background-color: #444444

  }

  Then Save your changes.

  I arbitrarily chose a color for the background in order to make the change in hue obvious. You can adjust the html hex color in anyway you’d like. Here’s a link that will help with those codes:

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

  Please let us know if you have any other questions. Thanks much and happy blogging!

• 

  devibbrooks · Member · Jul 19, 2014 at 8:51 pm

  • Copy link

  Thank you! It works, but whenever I put in the same color code for the sidebar as I do my header, the colors still don’t match. It will do everything else but turn pure white :(.

• 

  thatrobyn · Member · Jul 20, 2014 at 3:46 pm

  • Copy link

  Hello there! I took a look at your site and it appears as if the sidebar is current a color that blend with the background. If you’re hoping to make it white, you will have to do it for each individual widget. If that’s what you’re hoping to achieve you can add this code beneath the existing text in your CSS revisions box:

  .one_third.lastcolumn {
  background-color: #fff;
  }

  aside#text-11.widget.widget_text {
  background-color: #ffffff;
  }

  aside#search-2 {
  background-color: #ffffff;
  }

  aside#blog-stats-5.widget.widget_blog-stats {
  background-color: #ffffff;
  }

  aside#blog_subscription-6.widget.widget_blog_subscription{
  background-color: #ffffff;
  }

  aside#recent-posts-2.widget.widget_recent_entries {
  background-color: #ffffff;
  }

  aside#categories-4.widget.widget_categories {
  background-color: #ffffff;
  }

  aside#jp_blogs_i_follow-8.widget.widget_jp_blogs_i_follow {
  background-color: #ffffff;
  }

  aside#archives-2.widget.widget_archive
  {
  background-color: #ffffff;
  }

  Then Save your changes.

  I hope this helps! Best wishes to you.

• 

  devibbrooks · Member · Jul 22, 2014 at 2:27 am

  • Copy link

  Thank you thank you thank you!!!

• 

  thatrobyn · Member · Jul 22, 2014 at 4:12 pm

  • Copy link

  You’re very welcome! You’re very welcome! You’re very welcome!