Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

Product page issue, “More Views” thumnails not centered, showing only image corner
 
Thejosh13
Sr. Member
 
Total Posts:  252
Joined:  2008-06-23
 

On the product page multiple image thumbnails are all showing up not being centered in the thumbnail box. Only the bottom right corner of the image is shown.

When I put the cursor over the thumbnail, the rest of the full image appears, attached to the lower right corner that was only visible before.

It does appear the image is re sized correctly to the dimensions to fit in the the box. Yet it is not “centered”.

I could not find any posts related to this issue

 
Magento Community Magento Community
Magento Community
Magento Community
 
JeffreyKarbowski
Jr. Member
 
Total Posts:  23
Joined:  2008-11-18
 

Try looking in your boxes.css for : .product-img-box .more-views li a img
Change the margins to 0, that is how I fixed the issue for me.

boxes.css:
.product-img-box .more-views li a img { margin:0; }

 
Magento Community Magento Community
Magento Community
Magento Community
 
Thejosh13
Sr. Member
 
Total Posts:  252
Joined:  2008-06-23
 

That did the trick, thanks JeffreyKarbowski

 
Magento Community Magento Community
Magento Community
Magento Community
 
benzvibes
Jr. Member
 
Total Posts:  24
Joined:  2009-01-12
 

Worked like a charm, thanks Jeff !!

 
Magento Community Magento Community
Magento Community
Magento Community
 
mkanik
Jr. Member
 
Total Posts:  2
Joined:  2011-02-04
 

i am using webandpeople drugstore template and had the same issue.. even setting the margin to “0” didn’t help me… the solution i found is adding 2 more values:

.product-img-box .more-views li a img { margin:0; width:65px; height:65px;}

css file location: skin/frontend/default/health-and-beauty/css/styles.css

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top