First Zen theme update, fixing the width
If you haven't noticed, today I updated my first entry in my Zen's starter theme. I've decided to compact the site a little and remove the right sidebar. But in order for the theme to work right, I had to update a few other places too. So basically I just changed all 960px to 760px, 760px to 560px, and 560px to 360px. Just to be totally crystal clear. Here're the layout.css modifications in red.
#page
{
margin-left: auto;
margin-right: auto;
width: 760px; /* From 960px */
}
...
#content,
.two-sidebars #content
{
float: left;
width: 360px; /* From 560px */
margin-left: 200px;
margin-right: -560px; /* From 760px */
padding: 0;
}
.sidebar-left #content
{
width: 560px; /* From 760px */
margin-left: 200px;
margin-right: -760px; /* From -960px */
}
.sidebar-right #content
{
width: 560px; /* From 760px */
margin-left: 0;
margin-right: -560px; /* From -760px */
}
.no-sidebars #content
{
width: 760px; /* From 960px */
margin-left: 0;
margin-right: -760px; /* From 960px */
}
...
#sidebar-right
{
float: left;
width: 200px;
margin-left: 560px; /* From 760px */
margin-right: -760px; /* From -960px */
padding: 0;
}


Post new comment