Image Slider Fade

Hello dbmadmin,

You are using Meta Slider plugin for that slider. You can change it by Effect option from plugin settings (Dashboard >> Meta Slider).

Hope this will helps you.

Hi,
Check this snippet.
https://presscustomizr.com/snippet/change-slider-fader/

Menaka – with all due respect, every time you post a “Check this snippet” your link takes me to the home page of the theme (https://presscustomizr.com/customizr-pro/).

I am not using the Meta Slider. But I did find this code that works:

/* START OF Change Slider to Fader */
/* Make Carousel fade – adapt 2s to required delay */
.carousel-inner > .item {
-webkit-transition: opacity 2s ease-in-out ;
transition: opacity 2s ease-in-out ;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
opacity: 1;
z-index: 1;
left: 0;
}
.carousel-inner > .active.left {
opacity: 0;
z-index: 2;
left: 0;
}
.carousel-inner > .active.right {
opacity: 0;
z-index: 2;
left: 0;
}

/* remove previous/next arrows from home page only */
.home .carousel-control {
display: none ;
}
/* END OF Change Slider to Fader */

Hi,
I have reported the redirection issue to the webmaster. IT should be resolved shortly.

HI,
The link shoudl work now.

why doesnt this work on my site?
https://www.waterlabs.net

TIA
Julie

The above CSS code I mean.

the following code stopped working on customizr Version: 3.4.38

/* START OF Change Slider to Fader */
/* Make Carousel fade – adapt 2s to required delay */
.carousel-inner > .item {
-webkit-transition: opacity 2s ease-in-out ;
transition: opacity 2s ease-in-out ;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
opacity: 1;
z-index: 1;
left: 0;
}
.carousel-inner > .active.left {
opacity: 0;
z-index: 2;
left: 0;
}
.carousel-inner > .active.right {
opacity: 0;
z-index: 2;
left: 0;
}*/
/* remove previous/next arrows */
.carousel-control {
display: none ;
}
/* END OF Change Slider to Fader */

any ideas?