Hello,

about the zoom-in animation effect in the layerslideshow module: I used the Nina template on this page too: https://weberhof-aschbach.de/
We disabled the animation effect by adding the following to our custom.css:

div.layerslideshow .tns-slider img {

  transform: none !important;

}

Hope this helps.
Oliver

Hi Paul

Does disabling the General Settings -> Overlap Header if in showcase-1# module position option in your slideshow module settings give you the desired result?

Ciaran

It was actually a Custom HTML module, not a SlideShow module. I did try creating a slideshow module and disabling the overlap option which did indeed drop the image below the header but still overlapped the social media icon bar. I added some empty lines into the "HTML before" field which dropped it down below the social media line. However, as a slideshow module, the pic is auto-zoomed indefinitely as it is a single image - which is not an effect I want to see on that module.

So, I went back to Custom html module and added a margin-top:5em to the image.

That is at least giving me the correct visuals for this showcase module -- j4.bigwoodsgoods.com

Other pages do not have the showcase position and do have a slideshow module with multiple slides and so the auto-zoom effect is appropriate.

However, is there a way to manage the image animation? All I see is title and caption animation controls.