Reference Designer

I am writing this to know how to change the page width of the dzoic from standard (about 760 pixels) to say 960 pixels.

Here is the information I have

OPEN /themes/yourtheme/gfx/style.css

Modify:
.page{
width: 960px;
}

.handler{
width: 960px;
margin: 0 auto;
padding: 0;
}

I will try and let you know if this was succesful.

OK Here is what I did. I changed the /themes/handshakes_plain/gfx/style.css as follows

Original Code

.handler{
width:782px;
margin:0 auto;
padding:0;
}
.page{
background-color: #FFFFFF;
text-align:left;
float:left;
width:782px;
border-right: 1px solid #C4C7CC;
border-left: 1px solid #C4C7CC;

Modified Code

.handler{
width:960px;
margin:0 auto;
padding:0;
}
.page{
background-color: #FFFFFF;
text-align:left;
float:left;
width:960px;
border-right: 1px solid #C4C7CC;
border-left: 1px solid #C4C7CC;

Basically I changed the width from 782 to 960. It increased the total width. However the first column width is still unchanged.

I tried
Original

.columnWide{
float:left;
width:555px;

Changed

.columnWide{
float:left;
width:733px;

This changed the width of the first column. The site looks a little bit better, I guess. Note that we will have to keep checking if it changed something else somewhere.

Uncategorized