Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 12, 2019 at 8:47 pm #1165329
    roamingk

    I have animation switched on for my gallery and for the icon box at the top of each page which seems to slow the page down. They stay unanimated/ greyed out for quite some time… (most people will have scrolled by).. is there a way to disable animation on these two elements using css?

    EG: https://www.gaytravel4u.com/event/la-demence-new-years-party/

    December 15, 2019 at 1:31 pm #1166060
    Mike

    Hey roamingk,
    Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .iconlist_icon,.iconlist-char {
	-webkit-animation: none !important; 
	animation: none !important; 
	-webkit-transform: scale(1) !important; 
	-ms-transform: scale(1) !important; 
	transform: scale(1) !important; 
	opacity: 1 !important; 
}

    Then clear your browser cache and any cache plugin, and check.

    Best regards,
    Mike

    December 15, 2019 at 7:26 pm #1166123
    roamingk

    ok and for the main image?

    December 15, 2019 at 9:00 pm #1166139
    Mike

    Hi,
    The featured image is not loading for you? I tested in Chrome, Firefox, Edge & IE11 with no issues, which browser are you using?

    Best regards,
    Mike

    December 16, 2019 at 10:35 pm #1166596
    roamingk

    Sorry. I was not clear. I want to turn off all the animation on the avia-gallery aswelll.. including the thumbnails.

    December 17, 2019 at 4:26 pm #1166891
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    .avia_transform .avia-gallery-thumb img {
    opacity: 1 !important; 
    -webkit-transform: none !important; 
    transform: none !important; 
}
.avia_transform .avia-gallery-thumb img.avia_start_animation {
    -webkit-animation: none !important; 
    animation: none !important; 
    opacity: 1 !important; 
    -webkit-transform: scale(1) !important; 
    transform: scale(1) !important; 
}

    Best regards,
    Mike

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