I need zoom feature on hover homepage image.
like this- please check link https://mega.nz/file/eZNUzTbR#sQMjxuJOQ7pdgKFk9IxgLxB0sAWLQo2etSt1QGL9arQ
Hello,
The zoom effect is available on the Big Grid Flex blocks => https://www.screencast.com/t/VoNacNuHBRKW
Thank you!
please help me with all block I need this on all block please give me CSS code I will put on custom CSS
Hello,
Please try this custom code CSS, hope this help you
.td-module-container:hover .td-thumb-css {
transform: scale3d(1.1, 1.1, 1);
-webkit-transform: scale3d(1.1, 1.1, 1);
}
.td-module-container .td-thumb-css, .td-module-container:hover .td-thumb-css {
transition: transform .5s ease;
}
.td-module-thumb {
overflow: hidden!important;
}
This will apply to all blocks from your website.
You need to set the code in Theme Panel -> Custom Code -> custom CSS.
Thank you!
This works great. Thank you. Any way to have this effect display on ONLY the home page?
Hello @Bill Fleak,
If you want to have the effect only on the blocks on the homepage, then you need to add an extra class on the blocks https://i.imgur.com/eYJN3XZ.png and add the class in the custom code.
Thank you!
