How do I center this logo?

[Magician742]

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

[kuroi]

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;
}

[Magician742]

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

[kuroi]

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}

[Magician742]

Hi, kuroi!

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