[texasman]

If you go to freethecube.com/wp you will see that I adjusted the width of the body and the “blog frame” a bit. What I am wanting to do tho is have those two widths float with the width of the browser window. I dont want the side bar to change width, only the body over all and where you read the posts.

So what css do I need to change and in what way does it need to change for the over all width and the blog width to float from a sensible minimum to around the body being around 80% the width of the browser?

Thx.

[Sakin]

@texasman: Sorry I don’t get it what you mean. What is the maximum width of your site that you want to change to? Then what is the width of your sidebar that you want to be fixed. Then accordingly we need to change the width of the content as per the responsive design.

[texasman]

I want the size of the main body and the main frame to adjust to the size of the browser window. Like this site right here, it has a text area in the middle and on either side is a blank blue expanse that isn’t being used by anything. People have wide screen monitors no days and I would like to utilize all the screen space available. I want the width all the middle window to float with the width of the browser in between a min and max value. I don’t think i can clarify further.

[Sakin]

@texasman: : Then you can choose template layout as “No Sidebar” from “Appearance => Theme Options => Default Layouts” and then add the following css in “Appearance => Theme Options => Custom CSS” box:

.site {
    width: 96%;
}
.no-sidebar .entry-header, 
.no-sidebar .entry-content, 
.no-sidebar .entry-summary, 
.no-sidebar .post footer, 
.error404 .entry-header, 
.error404 .entry-content {
    width: 100%;
}

[Author]

Posts