I am trying to modify Zen, so I created a subtheme with Zenophile. First, I need to add a little color.

I gave both the header and content divs background-color specs. I see that these divs don't extend to the top/sides of the browser, and that there is a approx. 1em margin around all page elements. I cannot find where this margin is set. I want it set to 0.

I set the margin on the body element to 0 (and padding:0; for good measure) but that did not change it. I also added an html element, and set margin and padding to 0, but no change there either.

Comments

photocurio’s picture

ps. I modified the layout.css file in the subtheme folder to set margin and padding to 0. Is there a spec on a different css sheet I need to change?

Garrett Albright’s picture

Status: Active » Closed (fixed)

Try using Firebug or an analogue on another platform to find what's causing the padding to stick around. (If you have no idea how to use Firebug, stop everything and learn how to use it before you attempt any other sort of web design, please.)

Also, you should be modifying [theme].css (or [theme]-fresh.css, if you created it) instead of layout.css.

Closing the issue as it's not strictly related to Zenophile.