Hi all,
Thanks in advance for taking the time to look at my question. I'm using Zen Cart 1.3.8a. I have just completed a fresh install of ZC on a test site in order to learn CSS. I have always just used the admin tools to make customizations. I've been reading through the FAQ's and the forum and have learned quite a bit but the one simple thing that I can't find is how to center the "Have you got yours yet?" graphic that shows up on the main page of a fresh install. I saw one post that indicated to use the define pages editor to center the graphic but I don't want to do it that way. I want to use CSS.

Using Firebug, I found the area in the stylesheet that controls the behavior of the graphic. It is on line 37 of the default stylesheet and is element "a img". I successfully changed the border from "None" to
Code:
a img {border: 1px solid gray;}
and my picture got a 1 pixel gray border around it. So logic would lead me to think that I could use:
Code:
{a img {border: none;
margin: 0px auto 0px auto;}
to center the graphic but that didn't work. Is there an area in the stylesheet with more specificity that is controlling the behavior of this graphic?

I have searched most of the morning and can't believe I can't figure this one out so I looking for some guidance here.

Anyone?

My site is www.aprilrobinette.com but like I said, it is only the generic install of ZC so nothing much to see here. It's just a test site.

BTW I am not making mods to the default stylesheet although I reference it above. I have already setup template overrides and am using this method to customize the CSS.

Thanks
Bruhn