Sidebar Color

  • Hello!
    Our site ( evergreengreenhill.org ), is running a new theme that we are trying to get used to (Aqueduct) after a previous mishap. So far, we’ve been able to add all our previous coding and have it work, however, strangely enough, we are unable to change the sidebar color with the original CSS.
    `sidebar {
    margin-bottom: 100px;
    background: repeat scroll 0 0 #F4F4F4;
    border: 0 solid #000000;
    box-shadow: 1px, 3px, 0 rgba(1,20,0,0.8);
    -moz-box-shadow: 10 0 0 rgba(0,0,0,0.05);
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.05);
    margin-bottom: 30px;
    padding: 10%;
    position: relative;
    z-index: 0;
    }’
    Any help would be much appreciated!

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

  • You can use your browsers Inspect Element tool by right-clicking on the area you wish to inspect, you can then highlight any area of your site code to view the CSS that is being applied to it.

    You can style the sidebar by using the #secondary.widget-area CSS class, like so:

    #secondary.widget-area { background: #efefef; padding: 30px; }

    Hope this helps.

    Thread Starter areebaamer

    (@areebaamer)

    Ah it’s unfortunately not working… any other ideas?

    There’s a line in your CSS that’s currently
    .sidebar {
    background: #ffffff none repeat scroll 0% 0%;
    border: 0px solid #000000;
    margin-bottom: 10px;
    padding: 10%;
    position: relative;
    z-index: 0;
    }

    but that isn’t the CSS that’s styling the sidebar area that starts with the Search bar, then has the Upper School renovations poll. That is the #secondary CSS like ThemeSumo mentioned above.

    Are you using a cache plugin?

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