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!
Hey qlopcar,
Could you post a link to the page in question please?
Best regards,
Rikard
Hi Rikard,
Yes, it’s a multilingual page on our site. I added the link to the instance below –
Thanks for your help
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
Hi Mike,
Worked like a charm! Thanks for your help.
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