Cmag Cmag - 6 days ago 4
CSS Question

Wordpress CSS theme modification

I am trying to modify the width of the sidebar given in this theme:
http://ericulous.com/2008/09/09/wp-theme-google-chrome/

After modifying the obvious:

/* Sidebar */
.sidebar {
font-size: 1.1em;
margin-top: 25px;
width: 308px;
}


to reflect:

/* Sidebar */
.sidebar {
font-size: 1.1em;
margin-top: 25px;
width: 100px;
}


The page does not look right. To help you visualize the screen, here is a screenshot, and pastebin of style.css.

http://img64.imageshack.us/i/screenshot20110404at253.png/

http://pastebin.com/4ZRa1RVJ

Answer

The sidebar contains images called sidebartop.gif and sidebarbottom.gif. These are 308 pixels wide still. You need to shrink them down so that the div can collapse small enough for your content.