centering header image with tpl_header.php

[praiseandplay]

[FONT="Arial"]I've read a lot of the posts on this site about centering the header image, and almost all of them say to edit the table properties located in the tpl_header.php file. The problem that I am having is that there are no table properties in my tpl_header.php file, and was curious as to whether or not there would be any other way to center it?[/FONT]

[graper]

As far as I could tell, you probably want to use CSS and change the properties of #mainWrapper so that everything on the page is centered.

If you are just concerned about the header, change the properties of #headerWrapper.

[Kim]

Actually I think you will want to change the #logo from float: left to margin: auto;.

[praiseandplay]

Thank you for the reply. I did try your suggestion by adding the line text-align: center to #headerWrapper. It aligns the text on my page just fine but not the header image. Not really sure what to do know. I got my tpl_header from template_default_common, and since i cannot edit that file because there are no tables, i have no idea what to do now.

[praiseandplay]

Kim, I finally got it due to the fact you had mentioned the logo class. I added text-align: center to #logo instead of where I had before, and that worked now I just have about a 1/2 inch of space at the bottom of my logo, and have no idea on how to get rid of it? At least the image is now centered which was a big headache.

[Kim]

The URL of your site?

[praiseandplay]

www.praiseandplay.com/catalog

[praiseandplay]

ok, nevermind, I finally found the solution to removing that space just beneath the header image here: http://www.zen-cart.com/forum/showth...t=header+space

thanks for your help

[kirsten]

I am sooo blind when it comes to all this.. and not that GREAT for HTML..
Can someone tell me in english how to make my "logo" centered?

I Tried what you all were speaking of.. but I don't think I get it.

here is my site.. http://www.kandiesforyou.com/shop

Thanks so much

[TinaS]

Kirsten - I just looked at yours again and I see why yours won't center.

You are using classic template - you need to look in /includes / templates / classic / common/tpl_header.php

You will see in there that your logo is contained in a table that is set to be 200px wide. If you remove the sizing on that your logo will center (change to width="200" to width="100%" or else remove it entirely)

Hope that helps get you going again :)