Dear team,
May I know how do I remove the zoom in effect for Big Grid components?
regards,
vic
Hi,
You can remove the hover animation or change it in the theme panel – https://www.screencast.com/t/kvU5eHe6XUe
Thanks
Dear team,
I switch off the “Use loading animation image”, and I try to check all 3 Loading effect – as I can’t uncheck them… all not working.
Do you have any email I can my login to you?
regards,
vic
Hi,
I do not understand exactly what you are trying to do. If you would like to disable the zooming effect you can select this option – https://www.screencast.com/t/GQspJquexL
If you switch off the loading animation that the animation will not be used during the loading, for the images on the page.
Thanks
Dear Simion,
Please visit this site: https://archieve.revolution.watch/
If you mouseover the first BigGrid, you can see the image having zooming effect, how do I turn off that zooming effect when mouseover?
The method you provide is not working.
regards,
vic
Dear Simion,
I change the BigGrid component to “Big Grid Full 1”, however the featured image not able to show up, only 1 grey area.
If I change it to “Big Grid Full 2”, featured image able to show perfectly.
You may see this problem at https://archieve.revolution.watch/
regards,
vic
Hi,
As I said before, please check if you have all the thumbs enabled in Theme panel->Block settings
– https://www.screencast.com/t/OgaBbows8
Big Grid 1 full uses this thumbnail size – https://www.screencast.com/t/GEcV67mEtE
The method provided above for the hover works properly on my end. If you select the options as shown in the screenshot, there will be no zoom effect when hovering. Maybe you have caching installed locally or server-side, try to clear the cache after making all these changes.
Thanks
Dear Simion,
Please see my setting, it follow what you recommended:
And, please see the page here: https://archieve.revolution.watch/
When the mouseover the Big Grid 1 Full, the image still having zoom effect.
All the cache (client/server) already flushed. Can you simply try the site above on your end?
regards,
vic
Hi,
This is what I am seeing when hovering the Big grid – https://www.screencast.com/t/Dc5f1fiaF
There is no more zooming effect on hover for the image. Only a slight gradient effect is present. If you would like to remove this gradient as well and have a simple image without any modifications, you can try this code that must be entered in Theme panel->Custom Css – https://www.screencast.com/t/ONloT2Zi27O
.td-grid-style-1.td-hover-1
.td-module-thumb a:last-child:before {
display: none;
}
Thanks
Dear Simion,
Thanks for the reply. Just to let you know that, the method you propose is not working actually.
I remove the mouseover zoom effect by adding below code:
jQuery(“.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb”).css (“transform”, “”);
jQuery(“.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb”).css (“-webkit-transform”, “”);
jQuery(“.td-grid-style-1.td-hover-1 .td-big-grid-post:hover .td-module-thumb .entry-thumb”).css (“-moz-transform”, “”);
regards,
vic
