Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • November 23, 2023 at 3:06 pm #1426345
    Christof_Deinhard

    On a page, I’m using the Enfold Easy Slider on the top of the page, right below the header. On loading the page, all elements below the slider are animated, they are moving up. I don’t like this effect.

    I analysed the code and the CSS part, I found a code like
    <ul class="avia-slideshow-inner" ....
    and in the correspondending CSS are assignments like ‘transition: all 0.4s cubic-bezier (…)’ and ‘transform: …’ while loading the page. Does that have anything to do with it? I tried to neutralize this with own CSS, without any success.

    I studied also your Enfold Demo https://kriesi.at/themes/enfold/shortcodes/easy-slider/ and there is no CSS like ‘transition’ or ‘transform’ assigned to the “avia-slideshow-inner” class. So what can I do to create a ‘static’ page?

    Best regards, Christof

    November 24, 2023 at 10:12 am #1426384
    Ismael

    Hey Christof_Deinhard,

    Thank you for the inquiry.

    Where can we check the issue? Please provide the link in the private field. In the demo, you might have noticed that the images in the slider have the exact same size. That’s why the height of the slider remains consistent when transitioning to the next item. Did you use images with different size and aspect ratio?

    Best regards,
    Ismael

    November 26, 2023 at 3:50 pm #1426489
    Christof_Deinhard
    This reply has been marked as private.
    November 26, 2023 at 9:23 pm #1426496
    Mike

    Hi,
    Thanks for the link to your page, I found that this is because typically li’s get a 10px margin-bottom:
    Enfold_Support_3985.jpeg
    but the slides, which are li do not, so on you page load this appeared to be an animation, to correct try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .entry-content-wrapper .avia-slideshow li.avia-slideshow-slide {
	margin: 0;
}

    and then clear your browser cache and check. If you still see it then move the css to WordPress ▸ Customize ▸ Additional CSS since it has the highest priority.

    Best regards,
    Mike

    November 27, 2023 at 12:34 pm #1426520
    Christof_Deinhard

    Hi Mike,
    thank you for the helpful answer. That was it, now it is perfect!

    Best regards,
    Christof

    November 27, 2023 at 5:12 pm #1426538
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Easy Slider effects animation to the elements below’ is closed to new replies.