Featured Products and alignment

[robbie269]

I would like to have each product in the featured products to be centered in their box. At the moment they are left aligned and it looks odd. I have looked everywhere to find where this is set but can not find the solution. I am using a purchased template that I have tailored to suit me. Can anyone help?
My site is: www.thehorsestall.com.au.

[stevesh]

Add the red part in your stylesheet:

.product_box {width:100%; margin-bottom:9px; background:#ffffff; text-align:center;}

Also. Zencart loads all stylesheets with the css extension in the current template's css folder, so it's always a good practice to remove 'old' stylesheets from that folder so you don't have conflicts.

[Get Em Fast]

In your includes/templates/theme229/css/stylesheet_tm.css find this section of code:

.product_box {width:100%; margin-bottom:9px; background:#ffffff}<---missing semicolon after #ffffff;

and add text-align: center; to make it look like this:

.product_box {width:100%; margin-bottom:9px; background:#ffffff; text-align: center;}

Hope this helps.



NOTE: Seems like every instance of the color #ffffff; in that particular stylesheet, you're missing the semicolon. You might want to fix those.

[robbie269]

Thankyou guys! That did the trick.
One more thing: The images are going to the right. Is that more about the image size (ie rectangle)? Or can I force them to centre as well?

[Get Em Fast]

Thankyou guys! That did the trick.
One more thing: The images are going to the right. Is that more about the image size (ie rectangle)? Or can I force them to centre as well?

With the code you just added, everything including images look very nicely center-aligned to me. Maybe it's your browser's cache?

[robbie269]

Hi again

Just realised it not only centered the Featured Products box it also centered ALL the product boxes. Changed it back to how it was as the other boxes looked odd with the text centered and the attibutes to the left etc. Is there a way of centering ONLY the Featured Products boxes as I have them displayed on my main page? Site: http://www.thehorsestall.com.au

[Get Em Fast]

Hmmmm.........I see what you mean. O.k. Right above where you added and deleted the "text-align: center;", add this line of code:

#featuredProducts .product_box {text-align: center;}

I think that'll fix ya up.

[robbie269]

That did it. Thankyou very much!

[Get Em Fast]

Anytime. Glad to see it's all working correctly.