Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1226770

    I want to add links (to anchors) to my grid icons. I went to advanced, added manual link -> #MyAnchor
    and that was working great.
    but I also need to remove the animation of the icons… I thus added the code below that I found in another thread (note that’s a lot of code just to remove animation. I guess we can make shorter?)
    That works, I don’t see the animations anymore when hovering.. but now the icons can’t be clicked, so my links won’t work anymore.
    Any advice to get both the animaiton remove AND the links working?

    .avia-icongrid-tooltip li:hover .avia-icongrid-content{
    opacity:0!important;
    }
    
    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
      -webkit-animation: none;
      -moz-animation: none;
      animation: none;
    }
    
    #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;
    }
    #1227808

    Hey goch,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    #1228229

    Hi Victoria,
    Thanks for getting back to me.
    I finally solved this by replacing all the above code by just the following one :

    .avia-icongrid-flipbox li:hover .avia-icongrid-front {
        -webkit-transform: rotateY(0deg) !important;
        transform: rotateY(0deg) !important;
    }

    You can mark this thread as solved, thanks!

    #1228436

    Hi,

    I’m glad this was solved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘removing animation and adding links to Icon Grid’ is closed to new replies.