The art

Home Forums All Other Themes The art

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #58717
    Zainab Gurka
    Participant
    • Topics: 100
    • Replies: 90
    • Total: 190
    Member since: November 14, 2016

    Hello,

    In my sub domain http://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

    #58794
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23483
    • Total: 23483
    Member since: August 16, 2013

    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

    #58821
    Zainab Gurka
    Participant
    • Topics: 100
    • Replies: 90
    • Total: 190
    Member since: November 14, 2016

    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

    #58845
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 23483
    • Total: 23483
    Member since: August 16, 2013

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.