Since the latest update for the free version of Elementor, I have noticed that wherever the “Zoom In” has been used, it’s become massive when loading the website, before it was a subtle Zoom in animation and not so in your face.

This seems to be affecting other websites where the Zoom In animation has been used.

WordPress and all plugins are up to date.

Thanks
Javed

First of all, my images in the WebP format weren’t able to be properly resized in the mobile version of the theme. This resulted in a quite awful-looking situation where the tiny gallery thumbnails beneath the main image wouldn’t be resized to tiny squares or to small versions of the same proportion, but instead they were resized only in the width axis, resulting in a line of long, stretched out pictures just underneath the main image. I tried all sorts of things to fix the issue but in the end the only thing that got rid of it was (painstakingly) replacing every single WebP format product picture on my store to a PNG or JPEG version. Not ideal since I really wanted the optimized WebP pics, but it was all I could do to keep the store online looking decent.

Still, even the PNG and JPEG look a little stretched on the thumbnails underneath the main picture. I realized that this theme doesn’t provide the option to change the Woocommerce picture sizes through the Customize options, so I couldn’t even try to fix it that way (it would be a nice feature to have). It still looks better than the weird long stretched WebP thumbnails, though.

Another bug (that seems to be fixed now somehow) I discovered after changing all the pictures into PNG or JPEG was that the lightbox image that shows up when you click a product picture was distorted. It seemed to distort the picture to fit into a square shape. I tried to fix that by disabling the lightbox altogether, which lead me to realize I don’t seem to be able to turn off the lightbox option or the zoom effect option at all. The toggles that should be responsible for that don’t seem to work – the features are still on the live website, whether the toggle is on or not. While the distortion seems to be gone, this toggle issue still remains.

It would be great if someone could look into this! Thank you in advance.

I need your help to customize the Custom Post Grid I created width Getwid.
As you can see here https://cospes.socialmela.it/home-2/ I add some css to add zoom effect but I want to be able to zoom on hover only the image background.
Is it possible? Which css I have to add and where ? Could you help me please?
Another issue is about orizontal spacing betweeen columns, I want to remove it, how can I do it with a custom css class?
I hope my requests are clears Thank you in advance for help
Sara

.vp-portfolio__items-style-default .vp-portfolio__item:hover .vp-portfolio__item-img img {
-webkit-transform: none;
transform: none;
}

how do I remove the zoom effect.

Many thanks, Sam

How can I disable the zoom effect so nothing happens when hovering over the image before clicking?

Thank you!

I was wondering if its possible to add the zoom effect to the category page ?

https://www.ads-software.com/plugins/yith-woocommerce-zoom-magnifier/

.yith_magnifier_mousetrap:before {
	content: "Hover over image for zoom effect";
	padding: 10px 20px;
	display: block;
	font-weight: normal;
	font-style: italic;
	text-shadow: 1px 1px 1px #000;
	color: #FFF;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
		transition: all .3s ease;
}

.yith_magnifier_mousetrap:hover:before {
	opacity: 0;}

https://www.ads-software.com/plugins/yith-woocommerce-zoom-magnifier/

Page is https://www.simulus.hr/category/news/.

Thx in advance!

Loading icon appears even though this is unchecked
ken burns (or zoom effect) not working even though this is checked
music is supposed to play in the background and doesn’t even though I have checked the URL.

I have no other image plugins although I have Audio Player activated. I have tried deactivating this to no avail.

I have also tried to use custom fields to add the parameters but this does not work either