Scrollable list – fade effect (instead of slide)

By default, the Scrollable list uses the slide effect when switching slides.
To use the fade effect, please add this code to Custom CSS field in Content Views >> Settings page:

/* Scrollable list – fade effect */
.pt-cv-carousel .item{transition:opacity ease-in-out .5s!important}.pt-cv-carousel .active.left,.pt-cv-carousel .active.right,.pt-cv-carousel .item{opacity:0!important}.pt-cv-carousel .active,.pt-cv-carousel .next.left,.pt-cv-carousel .prev.right{opacity:1!important}.pt-cv-carousel .active.left,.pt-cv-carousel .active.right,.pt-cv-carousel .next,.pt-cv-carousel .prev{transform:translate3d(0,0,0)!important}

Best regards,

Scroll to Top