How to achieve the image zoom effect that big grid 9 offers, to every block?
Please guide us on the specific CSS code entry that we need to enter there.
HI
Newsmag theme don’t have big grid 9 in its features, only Newspaper theme does. Below is the css which produce the zoom effect, you can test it for module 1. However you will need some customizations, also some css codeing skills are required, to make it work on all blocks and modules. We can’t offer customization services at the moment so if you still need guidance on this or you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you.
.td_module_1:hover .td-module-thumb .entry-thumb {
transform: scale3d(1.1,1.1,1);
-webkit-transform: scale3d(1.1,1.1,1);
-moz-transform: scale3d(1.1,1.1,1) rotate(.02deg);
-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s;
}
Thanks!
Thanks for the quick response.
Sorry for opening this on newsmag thread. Was a mistake of mine!
I added this on module number 2 but the effect is not the same.
On big grid 9, image uses a 3d scale to be zoomed without having its dimensions changed.
I applied this to module 2, but its kind of different behavior. Check this videocast please: https://www.dropbox.com/s/xsldd7gf1jgyeu0/capture_Tue_Sep_20_09.43.43.mkv?dl=0
HI
Try to add also this code, it shoud work fine:
.td-module-thumb{
overflow: hidden;
}
Thanks!
