Change Sidebar Color

  • Can somone tell me how to change a Sidebar Background Color,

    in my style.css I am no able to find #sidebar as many tutorials gives this solution. Any Help.

    When I add background color in this line : #content div.column-narrow {width: 200px; font-size: 11px; line-height: 16px; }

    It changes the Background color but also change the other Widget like Calendar Widget.

    Down is one part of my css.

    /* 3. Content Area */
    #content {margin-bottom: 50px; }
    #content div.column {float: left; display: inline; margin-right: 30px; }
    #content div.column {width: 200px; }
    #content div.column-content {width: 500px; }
    #content div.column-content img {max-width: 500px; height: auto; }
    #content div.column-double {width: 730px; }
    #content div.column-double img {max-width: 730px; height: auto; }
    #content div.column-full {width: 960px;}
    #content div.column-full img {max-width: 960px; height: auto; }
    #content div.column-narrow {width: 200px; font-size: 11px; line-height: 16px; }
    #content div.column-last {margin-right: 0; }
    #content div.single {border-top: none; padding: 0; }
    div.column-content h1, div.column-content h2, div.column-content h3 {font-family: Georgia, serif; font-size: 40px; line-height: 46px; letter-spacing: -1px; margin-bottom: 30px; }

    Any help.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Use a tool such as Firebug or IE9’s excellent F12 tool to review the associated CSS for this HTML element and revise as required.

    Elements inside other elements INHERIT things like background color — so if you change the background color of a containing element, then you will also have to change or add background color to the inside elements if you want them to be a different color.

    Thread Starter CSS Hater

    (@css-hater)

    Thanks For the Replay:

    SwansonPhotos I tried Firbebug with mozilla, i Change the Background Color but I have two Problems:
    1. It only change in that Page for example Home and not for other pages
    2. Only changes the Background color of the text not the hole sidebar box.

    WPyogi I am not really understanding you , since you I am new to the WordPress could you tell me in code how has to be done.

    Thnk you both of you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change Sidebar Color’ is closed to new replies.