centering logo

[fairview]

I know this is in the tutorials/FAQs but even after following those directions I can't get it right.

www.heavenlycreationsoklahoma.com

I want the heavenly creations logo centered left to right here is what i have entered on my style sheet

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}
#logo {text-align: center;}

i think this is correct but its obviously not working so could someone point me in the right direction?

Thank you!!

[kobra]

Well the code is more particular and is not reading your mind!!!

You have this defined and attached as a background image header_bg.jpg to the logo wrapper and you are calling #logo to be centered and this does not exist.

#logoWrapper{
	background-image: url(../images/header_bg.JPG);

So a couple of changes....remove the logoWrapper entries for this image including the repeat etc.

Now to make this easy if you have a graphics app that can create a gif - convert your image into a gif as logo.gif and upload this to your template/images folder.

If not rename the jpg to logo.jpg and edit a copy of /includes/languages/english/header.php and find this and change the red text(this is case sensitive and needs to match your image name)

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

[afo]

The css is correct. The logo is defined as includes/templates/YOUR_TEMPLATE/images/header_bg.JPG. Is that what you have defined in includes/languages/english/YOUR_TEMPLATE/header.php?

// added defines for header alt and text
  define('HEADER_ALT_TEXT', 'Powered by Zen Cart :: The Art of E-Commerce');
  define('HEADER_SALES_TEXT', 'TagLine Here');
  define('HEADER_LOGO_WIDTH', '192px');
  define('HEADER_LOGO_HEIGHT', '64px');
  define('HEADER_LOGO_IMAGE', 'logo.gif');

That image is pretty big at 512 wide. If you want to center it, cut out any unnecessary space or reduce the size of the text.

[fairview]

Well the code is more particular and is not reading your mind!!!

You have this defined and attached as a background image header_bg.jpg to the logo wrapper and you are calling #logo to be centered and this does not exist.

#logoWrapper{
    background-image: url(../images/header_bg.JPG);

So a couple of changes....remove the logoWrapper entries for this image including the repeat etc.

Now to make this easy if you have a graphics app that can create a gif - convert your image into a gif as logo.gif and upload this to your template/images folder.

If not rename the jpg to logo.jpg and edit a copy of /includes/languages/english/header.php and find this and change the red text(this is case sensitive and needs to match your image name)

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

When I attempted to do this, my logo image disappeared completely.

[kobra]

When I attempted to do this, my logo image disappeared completely.

What did you end up doing exactly??? as I offered more than one solution for the logo.xxx image

[afo]

Your logo is still identified as includes/templates/YOUR_TEMPLATE/images/header_bg.JPG and is not being treated as the background for the logo, not the logo.

[fairview]

Okay, I think that the logo is set as the logo and not as a background image. But, it is still not centered...I did reduce the size some but cannot reduce it much more.

[kobra]

Your site is still loading this as the image
tionsoklahoma.com/catalog/includes/templates/blue_sky/images/header_bg.JPG

[fairview]

Your site is still loading this as the image
tionsoklahoma.com/catalog/includes/templates/blue_sky/images/header_bg.JPG

okay, i guess i am just at a complete loss as to how to delete a 'header image' and add a logo image so could someone please direct me how or give me a link that will tell me how.
Thank you.

[kobra]

Please post what tools you have??

Your graphic editor program -
A short list of the file names of the images that you are working with for this

We can go from there