how to change margins etc of mission statement?

Events happening in the community are now at Drupal community events on www.drupal.org.
Gerben Zaagsma's picture

Hello,

I am new to theme building in Drupal and just started to work with Zen. So far it all works quite well but for some reason changing the CSS for the mission statement does not work in all cases>

Example:

#mission /* The mission statement of the site (displayed on homepage) */
{
margin: 10px 10px 10px 10px;
font-family:verdana, arial, helvetica, sans-serif;
font-size:13px;
}

If I change the font size here this works. But I can do whatever I want with the margins and nothing happens. Is this overrided somewhere? And how could I change it?

Many thanks,
Gerben

Comments

firebug would help?

heather's picture

heya, i don't know exactly which css file you're editing, so i can't say for sure.

do you use firefox? if so, try firebug- an extension- maybe you already use it?
http://getfirebug.com/

if so, go to the mission statement, and right -click "inspect element"... and you can see where the ID is styled. sometimes a class or ID is mentioned in a few different CSS files, as you suspect. this tool will help you locate it.

Hi Heather, Thanks for the

Gerben Zaagsma's picture

Hi Heather,

Thanks for the help. I did not manage to locate it but decided to drop the mission statement in favour of a block with the introduction to the site. Firebug is an extremely useful tool to locate css issues so a great suggestion!