How do I center this logo?

Good morning....I've hunted and hunted some more.

I've finally been able to add my logo but I've love if it were centered. How do I do this? Please give specific instructions (Zen newbie and all that).

I am using a template (but saved the original Classic template).

Is there any way I could move the New Products for June (as seen on my main page) to the left hand side (not on the bottom as it is now)?

Finally, how do I expand the main page's text width?

I'm sorry if some of these questions may have been answered before. I am a newbie who is wading through. Slowly.

My URL: http://thefamilytreee.ca/catalog/shopping/index.php

Thank-you for all help! <sweet smile>

Angie

You need to make three changes to your stylesheet.

1. Remove #logo from the from this style. You don't want it to float left> .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, #logo, .centerBoxContentsAlsoPurch, .attribImg {

float: left;
}

2. Add the following style immediately afterwards to center your logo> #logo {text-align:center}Don't worry that it says text-align, it works on images too.

3. Change the height of #logoWrapper to be 168px to match the height of your logo and push the rest of the page back down> #logoWrapper{

background-image: url(../images/);
background-repeat: repeat-x;
background-color: #002B93;

height:168px;
}

Hi, kuroi!

I tried your suggestions and it still is not centering.

Could you give me specific directions to the stylesheet as I want to make sure I was using the correct one?

I am making the changes to the stylesheet for my Custom template, correct? If so, it didn't work. Heck, one way or the other it didn't work! :(

Awaiting your reply with thanks,

Angie

Hi Angie

It's not working because you have accidentally nested one of the parts inside another style. You need to edit this> .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {

#logo {text-align:center}

}to be this> .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float:left;
}

#logo {text-align:center}

Hi, kuroi! :P

It worked! It worked! And it looks beautiful! :) :) :)

I just need to add one or two spaces above the logo and widen out the main page text and it's a done deal.

I could never have gotten as far as I did without the most excellent support from the Zen Cart folks! You guys (and gals!) ROCK!

Cheers!

Angie