Change color of Sidebar in Bloggy Theme

  • Unknown's avatar

    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)

  • Unknown's avatar

    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!

  • Unknown's avatar

    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 :(.

  • Unknown's avatar

    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.

  • Unknown's avatar

    Thank you thank you thank you!!!

  • Unknown's avatar

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

  • The topic ‘Change color of Sidebar in Bloggy Theme’ is closed to new replies.