Responsive Sheffield Blue v2.0

[spawnie69]

Why are my images not appearing right?
http://gelcandlecompany.com/tea-ligh...ner-c-118_163/
I tried smaller sizes and they appear the same. I tried other images from other shops that appear ok and they are not showing right for me.
Is there an image handler mod I'm missing?

[rbarbour]

I cannot access your site to troubleshoot the image issue.

Wow!Thank you so much now I have to resize images.
http://gelcandlecompany.com/tea-lights-c-118my /designer-c-118_163/

Why are my images not appearing right?
http://gelcandlecompany.com/tea-ligh...ner-c-118_163/
I tried smaller sizes and they appear the same. I tried other images from other shops that appear ok and they are not showing right for me.
Is there an image handler mod I'm missing?

[spawnie69]

I cannot access your site to troubleshoot the image issue.

the site works for me: http://gelcandlecompany.com/tea-ligh...thy-c-118_122/

[spawnie69]

the site works for me: http://gelcandlecompany.com/tea-ligh...thy-c-118_122/

here are my category images >
http://gelcandlecompany.com/classic-jars-c-92/

[rbarbour]

Your images appear correctly. What are you seeing that I am not.

Wow!Thank you so much now I have to resize images.
http://gelcandlecompany.com/tea-lights-c-118my /designer-c-118_163/

here are my category images >
http://gelcandlecompany.com/classic-jars-c-92/

[spawnie69]

Your images appear correctly. What are you seeing that I am not.

On my desktop the images are appearing but the products are not lined up correctly.
CenterBoxContentsProducts seems to show only 2 columns in firefox and 3 in chrome.
There seems to be a weird spacing not aligning the products next to each other like this fellow zen cart user:
http://religious-shop.com/jewelry/corded-bracelets
and this user's site shows the items all aligned in chrome and firefox with 3 columns.

For my site spacing issue seems to be worse with chrome. Mobile is fine though.
will post a pic.
thanks

[spawnie69]

Here are pics showing my products http://gelcandlecompany.com/classic-...orals-c-92_79/
thanks

[picaflor-azul]

Here are pics showing my products http://gelcandlecompany.com/classic-...orals-c-92_79/
thanks

You can either correct this by using css and the min-height property on the product boxes container, or adding a javascript such as match height to dynamically make the boxes the same height. Another alternative is to have product images with the same aspect ratio and product titles of the same lengths.

Thanks,

Anne

[soxophoneplayer]

Here are pics showing my products http://gelcandlecompany.com/classic-...orals-c-92_79/
thanks

Had similar problem - seemed to be varying size of images was causing the product display boxes to be different sizes which then pushed some of them out of one row into another, sometimes leaving blank spots. Fix for me, as noted in this forum already, was to change the size of the display boxes in the stylesheet. I changed the min-height to a (fixed) height that worked for my max image size. There was another solution offered, also in this forum, that dealt with jquery. It was probably a better suggestion was out of my novice ability to understand.

[SilverHD]

rbarbour:

For anyone having an issue getting the amount of product per row to display correctly (config value)

open:
/includes/templates/responsive_sheffield_blue/css/responsive_default.css

in the media query section
@media (min-width:980px) and (max-width:1200px) {

find:
Code:

.centerBoxContentsAlsoPurch, .centerBoxContentsProducts, .centerBoxContentsNew, .centerBoxContentsFeatured, .centerBoxContentsSpecials {width:45% !important;}
change to:
Code:

.centerBoxContentsAlsoPurch, .centerBoxContentsProducts, .centerBoxContentsNew, .centerBoxContentsFeatured, .centerBoxContentsSpecials {}
This will allow the width to properly calculate in desktop devices.

I had that problem too. Thanks to you, it is now resolved.

Thanks again,

Silver