Product Images Enlarging

[SRVIVR]

Bill,

Can you please look into why the product images enlarge once you click on an item from the store?

Thanks.

[Bill Robbins]

It’s part of the design of the theme. When you hover over a product or tap it if it’s mobile, the image will enlarge.

To leave them static, do this:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   .home-product-block li:hover img.feature,
   ul.products li:hover img.wp-post-image {
   	-webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-ms-transform: scale(1);
   	-o-transform: scale(1);
   	transform: scale(1);
   }
   

3. Update your settings.

Take care,
Bill

[SRVIVR]

Sorry. I may not have been specific enough.

When you are in the store and click on a product, on the item page for that product, my images are enlarging over the entire text of the item description.

[Bill Robbins]

That’s definitely not what we need. Give this a shot to keep those in line:

1. Go to your theme options page and choose the Advanced tab.
2. Scroll down to the Custom CSS box and add this:

   
   body.woocommerce.single-product #content div.images img.wp-post-image {
   	width: 48%;
   }
   

3. Update your settings.

Bill

[SRVIVR]

Again, as always, you are the man. Thanks so much.

[Bill Robbins]

Happy to help out 🙂

[Author]

Posts