Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 26, 2014 at 5:49 pm #243441
    Emmanuelppp

    Hi,

    I would like to know two things about the icons.

    1- How to make them appearing normally? No moving effect on the first time we see them.

    2- Is it possible to have them appearing from bottom to up?

    3- How to have the “halo effect” on hover like we can see on the demo here: http://kriesi.at/themes/enfold/homepage/home-v9-videos-and-parallax/ on “a beautiful experience!” section.

    Thanks!

    March 27, 2014 at 8:58 am #243707
    Ismael

    Hey Emmanuelppp!

    1.) If you want to remove the animation effect for the icon, edit config-templatebuilder > avia-shortcodes > icon.php. Find this code:

    $output = '<span class="'.$shortcodename.' avia_animate_when_visible av-icon-style-'.$style.' '.$custom_class.' avia-icon-pos-'.$position.' " style="'.$color.'">'.$display_char.$caption.'</span>';

    Replace it with:

     $output = '<span class="'.$shortcodename.' av-icon-style-'.$style.' '.$custom_class.' avia-icon-pos-'.$position.' " style="'.$color.'">'.$display_char.$caption.'</span>';

    2.) I’m sorry but it will require a bit of modifications. Please look for any reference regarding css animations and transformation.

    3.) Just edit the icon element then choose the Icon Style with border. The sonar effect will be applied on icons with link, specify the link under “Title Link?” option.

    Regards,
    Ismael

    March 28, 2014 at 3:08 pm #244387
    bluemoonink

    Hello:
    I am also trying to remove the icon animation. I edited the icon.php file as suggested and it had no effect. I tried with CSS, but seems there are many attributes to change and I’m not sure what else i might be effecting. Please advise!

    thank you
    bluemoonink

    March 28, 2014 at 3:36 pm #244404
    bluemoonink

    Hi again:
    One more thing – I was able to turn off the animation using CSS, but the display of the icons is ‘delayed’. Why do they take so long to appear? My images load faster on the page than the icon fonts. Do I have too many fonts (I have 3 font sets loaded)?

    You can see what I mean here : http://bluemoonink.com/nlss2014/

    Thank you
    bluemoonink

    March 31, 2014 at 12:52 pm #245408
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .avia_transform .avia-icon-list .iconlist_icon {
opacity: 1!important;
-moz-transform: scale(1)!important;
-webkit-transform: scale(1)!important;
-ms-transform: scale(1)!important;
transform: scale(1)!important;
}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.