Overriding CSS

Permalink
I want to get rid of the 12px high horizontal bar at the top of the body which seems to be controlled by the following css code (using Firebug)

div#main-container #header-image {
min-height: 12px;
}

I've put this code in the css in the theme but it doesn't seem to work.

div#main-container #header-image {
min-height: 0px;
}

Can anyone tell me what I'm doing wrong - or should I be changing this in main.css?


Many thanks

 
cannonf700 replied on at Permalink Reply
cannonf700
First, if you leave a link to the site you might get some more help on this...

Second, did you fix/overwrite the existing lines of code or just add the new ones hoping for an override?
If you just added div#main-container #header-image {min-height: 12px;}
without editing the original div#main-container #header-image then you might have conflicts. You can use Firebug to check and see what's being rendered and where it's coming from.

If you did overwrite the original line of code then I would clear your site's cache via the dashboard and also your browser's cashe/cookies and see if that makes a difference.

Cheers,
Cannonf700
Sunburstb0y replied on at Permalink Reply 3 Attachments
Hi

This is the link.

areiabranca-lodge.com

What I did was put the code into the css panel in the theme (see attached screen shots), I haven't changed any actual code in the main.css or header.css file.

Thanks for the reply, appreciated . . .
cannonf700 replied on at Permalink Reply
cannonf700
Yep,
you'll have to edit the theme's .css file for that affect to take place...
either use a ftp program or your site's control panel and go to yoursite/packages/yourtheme/theme/yourthemes.css and change the line of .css in the actual file.

where yourtheme is the name of the theme you are using.