By vaughnet on

I am trying out the 5.0 RC1 and attempting to modify the default theme, Garland. It is extremely flexible and well done. My only hitch thus far has been centering the logo. Based on the CSS and source that I have seen, it appears as though it would be done in the modified color CSS file here:

#wrapper #container #header #logo-floater {
  position: absolute;
 }

However, I have not been able to get the darn thing to move. Of course, I have already disabled the "site title" option. Any ideas?

⋅ Categories: Drupal 5.x

Comments

JasonMR’s picture

JasonMR commented

Hey vaughnet

First of all I'm assuming you are refering to the file /themes/garland/style.css.

Add the following below the code you quoted:

#logo-floater
{
  left : 50%;
}

Depending on the size of you logo, you might want to tweak the percentage.

HTH

Bright Regards
JasonMR

vaughnet’s picture

vaughnet commented

Thanks, that did the trick after a little adjusting.

prophetizer’s picture

prophetizer commented

because the garland theme adjusts to the size of your window. is there no way to keep it centered?

AppleBag’s picture

AppleBag commented

The logo I uploaded in Garland is both wider and taller than the original logo, so it overlaps the breadcrumbs as well as some other things. Does anyone know how to tweak the Garland theme for this, so that my logo will fit correctly in the logo area without overlapping stuff?