Solved Jumping Image Gallery Slider

Hi there,

I keep noticing that my image slider module frame keeps jumping when set to auto animate (so the images rotate without having to be clicked). All the images are the same dimensions so this shouldn't be happening. Is there any CSS to fix this?

My site is here: aaloftsdesign.com

Thank you!

 

You mean disable lazy loading for image slider perhaps? I'll give this a try.

Thank you!

 

UPDATE:

Disabling lazy loading for the images/module didn't work for me in the end.

But, thanks to this article:
https://www.peeayecreative.com/how-to-force-the-divi-gallery-slider-to-a-fixed-height/

I tweaked and applied the following CSS to the Gallery Slider module and it seemed to do the trick.

/*set the height of the slide image*/ .et_pb_gallery_fullwidth .et_pb_gallery_image img { width: auto; height: 600px; } /*align the slide image to the middle*/ .et_pb_gallery_image { line-height: 0; text-align: center; } /*style the slider previous and next buttons*/ a.et-pb-arrow-prev { color: #000!important; background: #fff; margin-left: 18px!important; opacity: 1!important; } a.et-pb-arrow-next { color: #000!important; background: #fff; margin-right: 18px!important; opacity: 1!important; } @media all and (min-width: 768px) { .et-pb-arrow-next { opacity: 1; right: 22px; } .et-pb-arrow-prev { opacity: 1; left: 22px; } } @media all and (max-width: 767px) { .et-pb-arrow-next { opacity: 1; right: 0; } .et-pb-arrow-prev { opacity: 1; left: 0; } }