- This topic has 3 replies, 2 voices, and was last updated 8 years, 2 months ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Home › Forums › All Other Themes › The art
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
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
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
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
WordPress Migration to New Server From now on, you don’t need to worry about the WordPress migration to the new server. Because it looks complex, […]
Many people look forward to creating a website using WordPress because WordPress permits all the features and functionality that online store business required. Hence, WordPress […]
Migration of e-Commerce Website If you have decided on the migration of e-commerce website, you are most probably already familiar with this. When you migrate […]