Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 3, 2024 at 9:43 pm #1442228
    AlyssaMandy

    Hello, I have loaded the church demo and the fullwidth easy slider animation on the frontpage is set so that the title, caption and buttons slide onto the screen. I would like to change this so that the elements fade in instead, such as in this example: https://kriesi.at/documentation/enfold/example-of-animated-slider-title-captions-and-buttons/

    Where can I adjust this? Thank you.

    May 5, 2024 at 4:59 pm #1442359
    Mike

    Hey AlyssaMandy,
    To fade-in try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .avia_transform .active-slide .avia-caption-title, 
.avia_transform .active-slide .avia-caption-content, 
.avia_transform .active-slide .avia-slideshow-button-2, 
.avia_transform .active-slide .avia-slideshow-button {
    -webkit-animation: avia-fadein 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) !important;
    animation: avia-fadein 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275) !important; 
}

    Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

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