Help with page width css

[blueprairie]

I am using the Serenity Child Theme and could use help finding where the width is set in the CSS for the page-sidebar setup.

Take a look here: http://vanmeteria.server276.com/local-info/residential-info/des-moines-register-2005-census-article/

The center page has no margin between it and the sidebar.  I've tried modifying several width settings in style.css but none modified this.

Can anyone here guide me on where to change this?

Thank you!

- Kimberly

[bandj]

looks like you changed your #content-sidebar-wrap from 880px to 840px so you lost 40px. You also have your #sidebar float: left .

change your #sidebar to float: right and then you'll have to make the widths of either your #content, #sidebar or both smaller.

[Frank]

Change this:

#sidebar {

    color: #555555;
    display: inline;
    float: left;
    font-size: 11px;
    margin: 0;
    padding: 0;
    width: 266px;

}

To this:
#sidebar {

    color: #555555;
    display: inline;
    float: right;
    font-size: 11px;
    margin: 0;
    padding: 0;
    width: 250px;

}

And change this:

.sidebar-content #content, .content-sidebar #content {

    width: 572px;
}

To this:

.sidebar-content #content, .content-sidebar #content {

    width: 565px;

}

You have a total width of 840px, so if you ad 266px to the 572px, you basically have only 2px of space between content and sidebar.

Frank

[blueprairie]

Thanks Frank!  Those changes did what I needed!

[Author]

Posts