i don’t want the icons that direct my visitors to the next section on my home page to disappear, i want them to always be visible. how can i do so?
in the avia builder there isn’t a place to choose whether we want them animated on or off. can you please give me a code to add?
thanks in advance,
eynav
i’m talking about these icons:
<div style='height:5px' class='hr hr-invisible avia-builder-el-2 el_before_av_font_icon avia-builder-el-first '><span class='hr-inner'><span class='hr-inner-style'></span></span></div>
<span class="av_font_icon avia_animate_when_visible av-icon-style- avia-icon-pos-center " style="color:#4557a3; border-color:#4557a3;"><a href='#section2' class='av-icon-char' style='font-size:30px;line-height:30px;' aria-hidden='true' data-av_icon='' data-av_iconfont='fontello' ></a></span>
Hi graphico!
Thank you for using Enfold.
Try to add this on Quick CSS or custom.css if you don’t want the animation:
.avia_transform .av_font_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,
Ismael