Centering Logo.gif File.

[chemdata]

I have replaced the logo.gif file with my own logo.gif file but with the same name. I have removed the tagline. Now I would like to center my logo.gif file in the space that the original logo.gif occupied. Using the Logo float setting I can only get the image to move to the left or the right but not centered. Even better I would like it not only to be centgered but to occupy all the space therein. Thanks.

[TinaS]

Change #logo to
$logo
{text-align: center;
margin: auto}

In the file YOURTEMPLATE/COMMON/tpl_header.php

change the <div class="logo"> to <div id="logo">


Should center right up.

Hope that helps

[chemdata]

Thanks Tina. That work as you indicated.

Now I have a rectangle within a rectangle. How can I fill up the outer rectangle with the image in the inner rectangle. I can control the padding above the inner rectagle by changing the padding- top in the css file:
#logo {
text-align: center;
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
VERTICAL-ALIGN: middle;
PADDING-TOP: 10px
}

However, the padding-bottom does not control the space beneath the inner rectangle. Once again thanks.

[kschmid]

I am interested in centering my logo as well...though can't find the file/directory you seem to be referencing...

Could you tell me in which file do I need to change the "#logo to $logo"?

[TinaS]

On filling the outer box - you will want to use your logo as a header background - or do a little tweeking to the inlcudes/templates/YOURTEMPLATE/tpl_header.php


As for which file we are referring to in centering the logo - it is includes/templates/YOURTEMPLATE/css/stylesheet.css

OHHHH and I see a typo in my own code there
Change #logo to
$logo
{text-align: center;
margin: auto}

SHOULD READ :

Change #logo to
#logo
{text-align: center;
margin: auto}


Hope that helps

[kschmid]

Thanks for your reply Tina!

I'm sorry to be a pain...but I don't see a line of code with "#logo" at all in my stylesheet...

Also, I don't want to make the logo fill the whole space, but I am concerned that I don't have the tpl_header.php file in the /my_template directory...

[TinaS]

You can add the code for the logo to the end of the stylesheet.

If you don't see the tpl_header.php in your custom template it is because you haven't modified that file. You only want to put your modified files into the overe ride directory.

[chemdata]

Tina, once again thanks. Every worked like a charm. BTW the tpl_header.php file is located in inlcudes/templates/YOURTEMPLATE/common/tpl_header.php .

Although this has nothing to do with this discussion I was wondering if it wouldn't be simpler to just create a my_template subdirectory under includes/templates and then just copy the includes/templates/template_default files into it. In this way you would just constantly work from the files in includes/templates/my_template continously without having to recall if in fact you ported them over prior to working on them?

Once again thanks.

[bjraines]

Where can you change the logo's dimensions in the html?

[Kim]

languages/english/header.php - make a copy and add it to your language override after editing.