The art

[Zainab Gurka]

Hello,

In my sub domain www.gosportz.noordigital.in i want to add zoom in effect in su-column in most of my pages and i have added this coding
.su-column.su-column-size-1-3 a:hover img {opacity: 1; -webkit-transform: scale3d(1.3,1.3,1); transform: scale3d(1.3,1.3,1); transition: all 0.2s ease-in 0s;}
.su-column.su-column-size-1-3 img {transition: all 0.2s ease-in 0s;}

than to the effect doesn’t appear ….so kindly help

[Forum Moderator]

Hi Zainab,

Kindly add this code in custom css box:

.ngg-gallery-thumbnail:hover img {opacity: 1; -webkit-transform: scale3d(1.3,1.3,1); transform: scale3d(1.3,1.3,1); transition: all 0.2s ease-in 0s;}
.ngg-gallery-thumbnail{transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; -ms-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s;}

Regards,
Dave

[Zainab Gurka]

Hello,

Thx Dave

but i want to add effect in su-column which is in my pages of products like Acrylic, Seamless polyutheranes, wooden flooring etc

i dont want for gallery image

[Forum Moderator]

Hi Zainab,

Add this code in custom css box:

.su-column-inner:hover img {opacity: 1; -webkit-transform: scale3d(1.3,1.3,1); transform: scale3d(1.3,1.3,1); transition: all 0.2s ease-in 0s;}
.su-column-inner{transition: all 0.2s ease-in 0s; -webkit-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; -ms-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; overflow:hidden;}

Regards,
Dave

[Author]

Posts