By hminney on

I'm using Garland because it is a beautiful theme and really easy to change the colours - Shiny Tomato was just right for me.
I've loaded my own logo but it is designed to be a bit bigger than the standard (I want a 200px logo - the example at http://www.b12d.net is 110px so people can see it) but when I use a bigger logo it overlaps the search box and breadcrumbs.
I've tried looking through other solutions to this and I can't make them work for me.

Please could someone talk me through it? I'm not afraid to try something new (the web site is mainly viewed by friends so if something goes wrong for 24 hours it isn't too much of a problem) but I feel as though I've already tried everything!

hminney

⋅ Categories: Drupal 6.x

Comments

mndonx’s picture

mndonx commented

Hi hminney -

In your style.css file, you can change the height of your header div from 140px to something over the 200px you are suggesting. This will push everything down so it doesn't cover up the search or breadcrumbs. However, I can't guarantee that will look nice! The background image (the red bar at the top) is a fixed height, so you can't make it any taller (without doing some image editing.)

Hope that helps -
Amanda

hminney’s picture

hminney commented

Hi Amanda
It took me a couple of days to check - well you know how busy these holiday seasons are . . .
I changed the
#wrapper #container #header {
height: 140px;
}

to 240px to see what would happen, and nothing happened! I'm sure I'm in the right place - double-checked that i'm using Garland style in >Admin>themes (both On and Default) and that i'm editing style.css in the /themes/garland subdirectory on the web server

I can't see any other height variables within #header sections, though of course there are a couple of 'min-height' measured in ems.

Can you see what i'm doing wrong? I'm testing on both Internet Explorer 8 and Firefox 3.5

Thanks

Hugo

mndonx’s picture

mndonx commented

Can you check to see that the height declaration has actually changed in the style.css file when you are viewing the site? If style.css still says 140px, you may need to empty all caches (at admin/settings/performance).

If you see the new number (240px) in your style.css file when you are viewing the site, then it must be being overridden by something else.

You can check either with Firebug or the Web Developer Toolbar in FF or the IE Developer Toolbar in IE.

Let me know what you find!

Amanda