Icons no longer animating on page load

We made some changes to our site today to move the images below blog titles as shown in https://kriesi.at/support/topic/move-featured-image-below-post-title-date-etc/ It seems immediately after making the change the icons on our pages no longer animate when the page loads, also the phone and mail icons in the footer are showing the same behaviour. We’ve tried replacing the shortcodes.css and base.css files with theme/uploads backups taken last night, but it doesn’t resolve the issue.

We think it’s related to the code below where the animation in the bottom snippet is not being overwritten by the top snippet.

media=”all”
.avia_transform .avia_start_delayed_animation.av_font_icon {
1. -webkit-animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
2. animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
3. opacity: 1;
4. -webkit-transform: scale(1);
5. -ms-transform: scale(1);
6. transform: scale(1);
}
media=”all”
.avia_transform .av_font_icon {
1. opacity: 0.1;
2. -webkit-transform: scale(0.5);
3. -ms-transform: scale(0.5);
4. transform: scale(0.5);
}

Regards

John

• This topic was modified 9 years ago by anilpad7.