How do I change background color of widget areas? (5 posts)

  1. boppbert
    Posted 5 years ago #

    Where would I change the background color of a widget area. specifically the area below the nav menu.


  2. Rev. Voodoo
    Volunteer Moderator
    Posted 5 years ago #

    style.css in your theme normally

    exactly how to do it is different in every theme, so a link to your site would help us to help you

  3. batrachoid
    Posted 5 years ago #

    In your theme's style.css file.

    (Curses! Beat to the punch again by RVoodoo!)

  4. Sayontan Sinha
    Posted 5 years ago #

    Well, the theme in question being Suffusion, changing the style.css file wouldn't work, because your skin-specific CSS file (like royal-blue.css) overrides style.css as far as colors are concerned. You should typically feed your changes into the "Custom Styles" option under your options page, Suffusion Theme Options -> Blog Features -> Custom CSS, JavaScript & RSS. Put in something like this:

    #horizontal-outer-widgets-1 {
        background-color: #ffffff;

    Change the color to whatever you require.
    Note that putting it in the custom styles option keeps you safe from theme upgrades, as these settings don't get overwritten during upgrades unlike the changes to style.css.

  5. boppbert
    Posted 5 years ago #

    Hello Sayontan, First let me thank you for a superior theme. I am just now learning all the wonderful things it can do. I made the update to the custom css at it looks great!!

    Thank you again.

Topic Closed

This topic has been closed to new replies.

About this Topic