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

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Enter the characters shown in the image.