Home › Forums › All Other Themes › The art
- This topic has 3 replies, 2 voices, and was last updated 6 years, 8 months ago by
Forum Moderator.
-
AuthorPosts
-
January 16, 2017 at 5:11 am #58717
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
January 16, 2017 at 9:49 am #58794Hi 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,
DaveJanuary 16, 2017 at 12:14 pm #58821Hello,
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
January 16, 2017 at 12:44 pm #58845Hi 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 -
AuthorPosts
- You must be logged in to reply to this topic.