Hi There, I would like the images in the rear of the carousel (ie. all images except for the front main image) to have a slight opacity so that they seem to fade into the background. Is there a styling or adjustment to code that I could do to enable this.
Thanks!!

Hello,

Add the following CSS rule to "CSS Styles" parameter in module settings:

.ari-cloud-carousel IMG:not(.active) {opacity:0.3}

Regards,
ARI Soft

This solved the problem, thank you

I worked it out a different way, but your's is far neater. I did mine like this:

img.cloudcarousel {

-webkit-filter: grayscale(20%)
brightness(60%)
contrast(100%);
filter: grayscale(20%)
brightness(60%)
contrast(100%);

transition: filter 0.3s;
-webkit-transition: filter 0.3s, -webkit-filter 0.3s;
}
img.cloudcarousel.active {

opacity: 1;
box-shadow: none;
-webkit-filter:none;

transition: none;
-webkit-transition: none;
}