![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: animation, font icons
-
AuthorPosts
-
March 25, 2017 at 12:28 am #766417
I modified the code found here: https://kriesi.at/support/topic/remove-iconlist-animation-effects/#post-162003 to try to remove all animate when visible on all the icons on my page but can’t seem to get it to work on the large font icons… any ideas?
.avia_transform .avia-icon-list .iconlist_icon .av-font-icon { opacity: 1 !important; -moz-transform:scale(1) !important; -webkit-transform:scale(1) !important; -o-transform:scale(1) !important; transform: scale(1) !important; } .avia_start_animation .iconlist_icon .av-font-icon { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; animation: none !important; }
Thank you so much!!
March 25, 2017 at 3:38 am #766434Hey newpappa,
Try this css code:
.avia_transform #top .av_font_icon { opacity: 1 !important; -moz-transform:scale(1) !important; -webkit-transform:scale(1) !important; -o-transform:scale(1) !important; transform: scale(1) !important; }
Let us know if this helps :)
Best regards,
NikkoMarch 28, 2017 at 9:51 pm #768458Hi Nikko,
That did not work, unfortunately. Any other ideas?
Thank you!March 31, 2017 at 10:16 pm #770177Hi,
Sorry for the late response. :(
That code worked on my end, can you give us temporary admin access? just post the details in Private Content.Best regards,
NikkoApril 1, 2017 at 1:01 am #770213Sure. Thanks!
April 1, 2017 at 6:45 am #770235Hi,
I
ve checked your General Styling and there isn
t code, so, I added it at Enfold Theme Options > General Styling > Quick CSS and the animation was removed.And I
ve seen that you
re using the 3.7.1 version, update your Enfold theme to avoid further issues.Best regards,
John Torvik-
This reply was modified 7 years, 5 months ago by
John Torvik.
April 1, 2017 at 9:11 pm #770420You have added the code via the General Styling, but I don’t want to use Quick CSS. I already had/still have the code in /theme-editor.php#template. I’ve deleted the code you added to Quick CSS and the same code in style.css does not seem to be working. The version shouldn’t be causing that issue.
Any other ideas anyone?
April 1, 2017 at 9:15 pm #770421Boom. Found it! It was – I feel silly – a missing } way up in the style sheet.
April 1, 2017 at 9:18 pm #770423Ok… had to make some additional changes to the code. Here is what I’m using that finally worked (when all the curly brackets were in place!):
.avia_transform #top .av_font_icon { opacity: 1 !important; -moz-transform:scale(1) !important; -webkit-transform:scale(1) !important; -o-transform:scale(1) !important; transform: scale(1) !important; } .avia_transform #top .av_font_icon { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; animation: none !important; }
April 1, 2017 at 10:38 pm #770437 -
This reply was modified 7 years, 5 months ago by
-
AuthorPosts
- The topic ‘Remove animation when visible on font icons’ is closed to new replies.