Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • January 13, 2014 at 9:29 pm #209178
    Minz

    Hello!

    1) Is there any way to remove the animation of the regular icons (this fade in and get larger effect)?

    2) I’m currently using a table to align icons and text as seen here: http://www.tiere-verstehen.com/tiereverstehen/kontakt/ (didn’t find a different way to make it look like this), but all icons are shifted upwards. Is there any way to lower them so that they’re on the same level like the text? Or a simple way to embed standalone Entypo icons using my own css style? :/

    Would be awesome if you guys could help me with these last two things.
    Thanks!

    January 14, 2014 at 7:27 pm #209632
    Ismael

    Hey Minz!

    1.) Edit css > shortcodes.css, find this code on line 287 then remove it:

    /*iconlist animation*/
.avia_transform .av_font_icon{
opacity: 0.1;
-moz-transform:scale(0.5);
-webkit-transform:scale(0.5);
-o-transform:scale(0.5);
transform:scale(0.5);
}

.avia_transform .avia_start_delayed_animation.av_font_icon{
-webkit-animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Safari 4+ */
-moz-animation:    avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Fx 5+ */
-o-animation:      avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* Opera 12+ */
animation:         avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275); /* IE 10+ */
opacity: 1;
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
}

    2.) Please add this on Quick CSS:

    td span.av_font_icon {
position: relative;
top: 7px;
}

    Best regards,
    Ismael

    January 15, 2014 at 12:24 pm #210010
    Minz

    Perfect, solved everything! Thank you so much! :))

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Removing icon animation / Icon styling’ is closed to new replies.