Need spacing code help

[gjh42]

Do you mean the "New Products For October - Kits"? Those are all center-aligned.
The images in the New Products sidebox look like they are aligned left, but they are actually just too wide for their container and spill over to the right while their titles are properly contained, giving the appearance of being left-aligned.

[lauriesscraps]

Do you mean the "New Products For October - Kits"? Those are all center-aligned.
The images in the New Products sidebox look like they are aligned left, but they are actually just too wide for their container and spill over to the right while their titles are properly contained, giving the appearance of being left-aligned.

That would help to shrink those, so I will do that, but I am talking about the grid of images down the center of the page under the category links that we changed.

[gjh42]

I repeat, those are all centered, individually and as a group. The sidebox image overflow may give the appearance that the center column has less space on the left than on the right; fixing the sidebox image sizes will fix that.

[lauriesscraps]

I repeat, those are all centered, individually and as a group. The sidebox image overflow may give the appearance that the center column has less space on the left than on the right; fixing the sidebox image sizes will fix that.

Alrighty then.... you were right, as always....thank you. You have been a saint.....thank you!

[lauriesscraps]

Did you respond to the breaks between attributes 1 and 2 listed below the description? Is that what you meant about 2 spaces after the image?

[gjh42]

Different subject. The two spaces was for the all products listing image.

For the attributes gap, add to your stylesheet

#productAttributes br.clearBoth {clear: left}

This is getting hung up on the right-floated #cartAdd, and doesn't need to avoid it.

[lauriesscraps]

Different subject. The two spaces was for the all products listing image.

For the attributes gap, add to your stylesheet

#productAttributes br.clearBoth {clear: left}

This is getting hung up on the right-floated #cartAdd, and doesn't need to avoid it.

Thank you very much. It was great doing business with you.... I feel like I know you now, hahaha. But for real...Thank you.

[lauriesscraps]

I am needing to move the text from below the product image to next to the image and vertical and horizontally align the text there in the center. I did this for the "All Products" listing, but need to do it for the "Featured Products" and "New Products" listing.

On the "New Products" listing page the description text is next to the image but I need it centered vertically and horizontally.

On the "Featured Products" listing I need to move the text to next to the image and center it vertically and horizontally.

Can you help please?

Thank you!

http://www.lauriesscraps.com/store/i...e=products_new
http://www.lauriesscraps.com/store/i...tured_products
http://www.lauriesscraps.com/store/i...e=products_all

[alisammeredith]

Hi Laurie.

Just a suggestion for if you don't already have it:

Firefox has a great web developer extension that will allow you to view CSS information from your browser. It is very helpful in finding where you need to change something in your stylesheet. It's also nice for looking at other people's sites to see how they've used the stylesheet.

I'm just kind of starting out with the zen cart stylesheet and this has been so useful. Hope it helps.

[gjh42]

Yes, you should be learning to use the Firefox Web Developer (and Firebug too) so that you can start to fix little styling issues yourself. We are happy to help get people started, but everyone needs to learn to walk on their own eventually. Ask for pointers if you need help using the tools.