Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 25, 2017 at 12:28 am #766417
    newpappa

    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 #766434
    Nikko

    Hey 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,
    Nikko

    March 28, 2017 at 9:51 pm #768458
    newpappa

    Hi Nikko,
    That did not work, unfortunately. Any other ideas?
    Thank you!

    March 31, 2017 at 10:16 pm #770177
    Nikko

    Hi,

    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,
    Nikko

    April 1, 2017 at 1:01 am #770213
    newpappa

    Sure. Thanks!

    April 1, 2017 at 6:45 am #770235
    John Torvik

    Hi,

    Ive checked your General Styling and there isnt code, so, I added it at Enfold Theme Options > General Styling > Quick CSS and the animation was removed.

    And Ive seen that youre using the 3.7.1 version, update your Enfold theme to avoid further issues.

    Best regards,
    John Torvik

    • This reply was modified 7 years, 8 months ago by John Torvik.
    April 1, 2017 at 9:11 pm #770420
    newpappa

    You 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 #770421
    newpappa

    Boom. Found it! It was – I feel silly – a missing } way up in the style sheet.

    April 1, 2017 at 9:18 pm #770423
    newpappa

    Ok… 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
    Mike

    Hi,
    Great to hear, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Remove animation when visible on font icons’ is closed to new replies.