Tagged: , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 15, 2019 at 3:26 pm #1090988
    pistachiouk

    Hiya,
    I have a website with 8 icons that I want to sit in a grid 4×2 – I added the Icon grid, which looks great – but I can’t figure out how to remove the hover animation when you rollover them as I just want it completely static.
    Any ideas how I can do this?
    Thanks
    Marie

    April 16, 2019 at 12:32 am #1091140
    Jordan Shannon

    Hey Marie,

    Add this to quick css:

    .avia-icongrid-tooltip li:hover .avia-icongrid-content{
opacity:0!important;
}

    Best regards,
    Jordan Shannon

    April 16, 2019 at 11:59 am #1091390
    pistachiouk

    Thanks for this Jordan

    The code hides the white box (which is great) – but they still animate on roll over – I want them completely static :-)

    Thanks
    M

    April 16, 2019 at 4:57 pm #1091575
    Nikko

    Hi M,

    Can you try add this css code:

    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}

    Hope it helps

    Best regards,
    Nikko

    April 16, 2019 at 5:59 pm #1091614
    pistachiouk

    Hi Nikko,

    Sorry it doesn’t work – I tried it in a few browsers and it is still animated.

    :-(

    Thanks

    Marie

    April 17, 2019 at 6:20 am #1091797
    Jordan Shannon

    Hi,

    Did you add the code to the very top of quick css so it runs first? Also, be sure to clear the cache a few times over.

    Best regards,
    Jordan Shannon

    April 17, 2019 at 10:15 am #1091890
    pistachiouk

    Hiya,

    I moved the code to the top of the quick css and used a private browsing/incognito window and it still isn’t working – sorry!
    Any ideas?

    Thanks for your help so far
    Marie

    April 17, 2019 at 10:31 am #1091893
    Nikko

    Hi Marie,

    Try adding this css code in Quick CSS, located in Enfold > General Styling:

    #top .avia-icongrid-tooltip li .avia-icongrid-front {
    bottom: 50% !important;
    -webkit-transform: translateY(50%) !important;
    -ms-transform: translateY(50%) !important;
    transform: translateY(50%) !important;
}

    Best regards,
    Nikko

    April 17, 2019 at 11:46 am #1091945
    pistachiouk

    Yay that worked – thank you so much!

    April 17, 2019 at 11:57 am #1091953
    Nikko

    Hi pistachiouk,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Remove animation from Icon grid’ is closed to new replies.