Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Trying to center logo and other layout issues

Trying to center logo and other layout issues

Locked

Views: 835

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
7 Feb 2009, 4:44 AM
#1
webartist avatar

webartist

New Zenner

Join Date:
Feb 2009
Posts:
3
Plugin Contributions:
0

Trying to center logo and other layout issues

Hello, I have just installed Zen for the first time. It looks very promising. I put in a banner "logo" at the top and am trying to center it on the page. I followed all directions for changing the stylesheet.css but the banner stays positioned to the left. Also, in my browser, I notice that the "Home" strip is covering up some lettering (of which I can't read). Not sure how I managed this! The stylesheet.css is located in a directory named vintage. Thank you if you can help me.

products/includes/templates/vintage

The URL is http://collectingvintage.com/products/

7 Feb 2009, 1:07 PM
#2
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Trying to center logo and other layout issues

  1. What you have there is a copy of the default template. It might be easier to start out with the Classic template. To do that, just copy the files from classic/css and classic/images to your vintage folders. (Save your logo image somewhere else first.)

  2. That lettering is your tagline (A True Blue Seller!). You can expose it in IE and more of it in FF by increasing the height of #logoWrapper. It's 112px now, and your logo image is 115px.

  3. Be sure to get and install all the browsers you can, so you can test your site in all of them. IE, Firefox and Safari, at least. The Web Developer plugin for FF will save you a lot of time and hassle.

I don;t know why the logo won't center, but it may be a template thing. You'll want the text-align:center; in #logoWrapper instead of #logo.

8 Feb 2009, 7:53 AM
#3
webartist avatar

webartist

New Zenner

Join Date:
Feb 2009
Posts:
3
Plugin Contributions:
0

Re: Trying to center logo and other layout issues

Thank you, that did work. I just used the Classic template as you suggested. For some reason, it also took care of the centering issue. So, all is well with my first steps. I appreciate your quick reply. I needed something to go right today!

9 Feb 2009, 10:25 AM
#4
voltisart avatar

voltisart

New Zenner

Join Date:
Feb 2009
Posts:
2
Plugin Contributions:
0

Re: Trying to center logo and other layout issues

Similar issue here, but lost my main wrapper centering while trying to change side box vertical margins. Attempts to step back to how the code was before this issue, failed. I'm befuddled. Working directly on a copy of the Classic template to keep things simple.

Browsed here and other sites for hours and can't find any references for how to horizontally center anything besides text in CSS. :frusty: Can't find the code line that should have centered it in the first place, lol. There is that growing 58-page thread to browse through, which I'll do in the meanwhile...thanks anybody for a nudge in the right direction.

Not worried about the header or logo, only the main page, just to be clear.

The misbehaving storefront is at www voltisart com/shop/ (add the dot dot.)

9 Feb 2009, 2:24 PM
#5
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Trying to center logo and other layout issues

Since you haven't done that much yet, I'd consider re-uploading the stock Zencart Classic stylesheet and start over.

Testing with the 'Classic" template is OK, but if you try to use it for your live site, you'll have a problem with the next upgrade. I make it a habit to create my custom template and override folders immediately after installation. I have a folder tree that I just upload, then change templates in Admin, and I'm good - two minutes.