Change animation effect for images in slider

Hi,

Please make Child Theme Directory from LINK and create home-slideshow.php in child theme directory folder.

Now,copy code form LINK and paste into home-slideshow.php that you create in child theme directory.

Save the changes.

Thanks.

Hello!

Thank you for your reply. The code is not quite that what I wanted though as it changes only the effect for the h1. I’d need the fadeIn effect for the slider background image if possible. The website is here if you want to take a look: https://magnetic-design.net/ . The slideshow images keep sliding in from the right and I would like them to fadeIn. Is this possible?

Or as an alternative: is it possible to have only one static slider image but keep the 3 different text sections rotating?

Thank you!

Thank you again for your support. I figured it out myself in the meantime.

If anyone has the same problem, this is how the fade effect can be implemented:

In your home-slideshow.php file (Child Theme) replace class=”carousel slide” by class=”carousel fade”. Then in the stylesheet.css (Child Theme) add the following code:

.carousel.fade { opacity: 1; } .carousel.fade .item { transition: opacity ease-out .7s; left: 0; opacity: 0; /* hide all slides / top: 0; position: absolute; width: 100%; display: block; } .carousel.fade .item:first-child { top: auto; opacity: 1; / show first slide */ position: relative; } .carousel.fade .item.active { opacity: 1; }

Most Welcome!

Thanks.