Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 10, 2021 at 1:56 pm #1305079
    qlopcar

    Hi,

    I really like the Icon Grid element but I need to disable the “flipping” animation on just one of my pages. I searched the forums here and found this to add to Quick CSS:

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

    But I don’t want to change the behavior of every Icon Grid on the website, just one instance. Does anyone have any suggestions for me?

    Thanks in advance!

    June 12, 2021 at 4:25 am #1305345
    Rikard

    Hey qlopcar,

    Could you post a link to the page in question please?

    Best regards,
    Rikard

    June 16, 2021 at 6:10 pm #1306085
    qlopcar

    Hi Rikard,

    Yes, it’s a multilingual page on our site. I added the link to the instance below –

    Thanks for your help

    June 19, 2021 at 3:49 pm #1306510
    Mike

    Hi,
    Thank you for your patience and the link to your page, so for just this one page please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

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

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    June 21, 2021 at 3:10 pm #1306744
    qlopcar

    Hi Mike,

    Worked like a charm! Thanks for your help.

    June 21, 2021 at 3:12 pm #1306746
    Yigit

    Hi,

    Glad Mike could help! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Quick CSS to Disable Animation on Icon Grid Element?’ is closed to new replies.