I’m looking for help in disabling the hover-over zoom effect on color swatches. I am attaching a screenshot for reference. The zoomed variant-image is poorly stretched out and it does interfere when navigating through the variants so I think it will be better if this is disabled.
There is an issue with the main image as well but I am more concerned about the swatch problem.
Any assistance in fixing this would be highly appreciated.
I am using a theme called Ella with very poor customer support.
Link: https://testingstoresandthemes.myshopify.com/products/600ml-shaker
store front password: test
Hey @technase ,
Please try this and let me know if it works 
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
Hi @technase
We can remove by adding this code.
.product-form__label .expand img {
display: none;
}
But there will still white box remaining when you hover it. The design also have a script that developer can remove.
On my screen it is working well.
Its not stretch.
it does look fine on one of my browser (Firefox) as well. But its all stretched out on both the Chrome (PC and mobile) and Microsoft Edge. I’ve also tested it in incognito mode, but its the same issue. Any idea what’s causing it ?
Here an SS on my incognito,
Im using chrome. It depends there are a lot of reason. Different interpretation or image format.
Check this one, it changes the hieght of other browser.
.product-form__label .expand img {
height: 80px;
}
Paste it on the component-prodcut-form.css.
And Save.
