HEADER NO Center - Nada - Nope -

Guys - gals too -

got my header to show up - and following the threads on how to set up custom templates etc.

killed the logo -

cannot get this puppy to center - tried

header.php
tpl files -

pls help

http://ezskratch.com/zencart/index.php?main_page=product_info&products_id=1

skratch

First things first - you do not have a logo.gif or logo.jpg file!!!

What you have is /includes/templates/EzSKratch/images/ezskratchlogo.jpg

And have applied this as a background image...

If you have not messed with the files to eliminate the default logo...

Make/convert this to a .gif or leave a a jpg but name it logo.XXX and place it in
/includes/templates/EzSKratch/images/logo.XXX

If left as a jpg grab a copy of the/includes/languages/english/header.php file and change:

  define('HEADER_LOGO_IMAGE', 'logo.gif');

to

  define('HEADER_LOGO_IMAGE', 'logo.jpg');

You can then use the css to center this in the #logo tag

The reason I got rid of the logo was that it was on the top left and I coudl not get rid of it.

I have changed the name of the file to logo.jpg and it is in my /ezskratch/images dir

I have changed the css stylesheet to center this logo.jpg file now all is blank.

Logo - header whatever you want to call it - poof.

ideas

You don't say that you have redefined 'logo.gif' to 'logo.jpg'.
Until you do this, the code will not know how to find your image.

ok did that too - and I am getting it to appear now - but css centering still having no effect.

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {

    float: center;

this is what I have in templates/ezSkratch/css/stylesheet.css

thanks for your help

You're doing allot of work on this thing, have you checked out the templates that have already been designed? You might find something that is similar to your site.

Take a look at http://(sorry, site offline)/137/index.php

Click on the template names on the left and the template will change to show you that template.

JP

There is no such thing as float: center;

Use text-align: center; or in this case probably margin: auto; will work.
You might need to put that in #logoWrapper instead of #logo.

Oh, and separate #logo or #logoWrapper from other selectors before making changes.

There is no float: center!!

take this

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

and seperate out the #logo tag into it's own entry like this:

#logo {
        text-align: center;
        }

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
        float: center;
        }

:clap:** thanks Kobra! The code fixed it!** Now onto the pink, yellow, - although I may take the advice and find a template I like and then play with that.

Regards,

skratch

Follow the link provided eariler as many of the ones in the downloads area are represented there.

The beatuy of Zen Cart is you can install several and with a couple of clicks change between them