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.
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?
http://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?