Center that LOGO!!!

Hello all,
I have been reading posts so long, I'm almost blind. I need to center my logo.

I followed the instructions below...

Using an image editor, create your new logo and save it to includes/templates/CUSTOM/images/your_image_name.??? and upload it to your server.

After creating your logo you can adjust the height, width and logo name in includes/languages/ENGLISH/header.php

define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce');
define('HEADER_LOGO_WIDTH', '192px');
define('HEADER_LOGO_HEIGHT', '64px');
define('HEADER_LOGO_IMAGE', 'logo.gif');

Did all that good stuff. Uploaded the header.php file to includes/langauges/english/custom/header.php

Also, I've seen in some posts, directions telling me to edit my stylesheet.css file on the line that contains:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

I can't find #logo in any file whatsoever. I even saw a post that said to "add"

#logo {
width: 100%;
text-align: center;
}

to the bottom of my stylesheet.css.

I'm having no luck! Any help would be great. Thanks!

What template are you using?

I am using the Standard ZenCart with a override of "custom"

I've been reading more posts... I didn't answer your question correctly did I? I am using the "Classic" template. I followed a forum post by "NetworkDad" on configuring my overrides. I believe I used the Classic Template.:lookaroun

What version of cart? PM me your URL if you don't want to post it.

hi,

i just spent half the day doing this and now i find this....works great.

Now my next logical step is to work out how to blend the logo over my background colour as it is a variable size page.

what i mean is i have a logo with different colours at either end. So i can't just use one end as the fill for the background.

I wonder how to split the background into 2 images, with one fill at either end please?

does anyone know how to do this please?....or if there is a better way perhaps?

Cheers!

Tim

I find this kinda weird...
Using my FTP client, in the folder includes/templates.... I see "blue_strip", "classic", "custom", "future_zen" ...thanks Kuroi... & "template_default"

The weird thing is, when I log into my ZenCart control panel, and go to "Tools" and "Template Selection" I dont get the option for "template_default"? I see the others but no default...

Is this the norm? Or, am I a tard?:shocking:

Thank you.

skunkworx:

hi,

i just spent half the day doing this and now i find this....works great.

Now my next logical step is to work out how to blend the logo over my background colour as it is a variable size page.

what i mean is i have a logo with different colours at either end. So i can't just use one end as the fill for the background.

I wonder how to split the background into 2 images, with one fill at either end please?

does anyone know how to do this please?....or if there is a better way perhaps?

Cheers!

Tim

You can probably get a decent effect by using 2 images and in the stylesheet:

#logoWrapper {
background: url(..background image) repeat-x;
height: whatever px;
width: 100%;}

#logo {
background: url(..logo image) no-repeat;
height: same as above px;
width: 100%;}

Say in the case of having your logo merge from the left to a background colour for just the header, the css for #logo would be float: left. The logo would be a gradient, bg solid colour. put the two together and it should look seamless in a 100% page size.

though maybe I misunderstood what you're trying to achieve.

So... back to my original thread then... How did SkunkWorx come in and re-direct my help... :bored:

heh, yeah thread hi-jack!

that is the norm, the template selection will not show template_default as an option.

sorry...you're right..my bad...

got carried away with the help and support here- great stuff.

JGraphics:

So... back to my original thread then... How did SkunkWorx come in and re-direct my help... :bored:

`Check for a PM, I have to preach about an overdue upgrade. :wink2:

JGraphics:

I'm having no luck! Any help would be great. Thanks!
I just discovered the answer to this while setting up my latest store. But, it's not for the newest version, mine's v. 1.2.4.1, which I think was a couple of versions ago... (I'd have to upgrade my server to run the newest version, but doing that would make me have to upgrade my other store's cart, and it's not the off-season yet, so I'm waiting.)

The Evil Code for my version was hiding, laughing at me from:

includes\templates\template_default\common\tpl_header.php

Find the line where it says,

<td valign="middle" height="<?php echo HEADER_LOGO_HEIGHT; ?>" width="<?php echo HEADER_LOGO_WIDTH; ?>">

KILL that HEADER_LOGO_WIDTH php code, and if you've got nothing in the next cell over, the logo should center right up!

Oh, and if you want a bit of a border below your logo, kill the php statement for the logo height and hardcode it to be a few px bigger than your logo is.

BTW the suggestion to add "center" to that line works, but only in FireFox. IE will obey the width designation over the "center" command.

Hope this is all clear since I just got done doing this, so I'm still a bit irritated!!