Skip to content

Instantly share code, notes, and snippets.

@wplit
Created October 14, 2020 00:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save wplit/33c191b1874b861f37e1f21ff3ef842f to your computer and use it in GitHub Desktop.
Save wplit/33c191b1874b861f37e1f21ff3ef842f to your computer and use it in GitHub Desktop.
adding fade effect to carousel builder
/*
Make sure to change the ID to the ID of the carousel builder.
(or if multiple of use a class)
Also, replace .oxy-post with the class of the cell. For eg, if using repeater, use '.ct-dynamic-list > .ct-div-block'
or if using Woocommerce use.. 'ul.products .product'
*/
#-carousel-builder-372-6 .flickity-slider {
transform: none !important;
}
#-carousel-builder-372-6 .oxy-post {
left: 0 !important;
opacity: 0;
transition: opacity 0.3s ease-in-out;
z-index: -1;
}
#-carousel-builder-372-6 .oxy-post.is-selected {
opacity: 1;
z-index: 0
}
.oxygen-builder-body #-carousel-builder-372-6 .oxy-post {
opacity: 1;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment