Customizing Elementor Pro Image Carousell - Custom CSS

carousel-style.css

/*
  This is the Custom CSS for customizing Elementor Pro Image Carousel Widget.
  You still need the Javascript code for this to work. This code goes into 
  the Image Carousel Widget under Advanced > Custom CSS.

  Youtube tutorial here
  https://www.youtube.com/watch?v=t3mxGYnVZ8k

  Don't forget to update your Widget with an ID, ie my-slider, and update the
  CSS code below with the same ID, but with the hash (#) character.
  
  Don't forget to checkout my Fiverr account for Gigs related to WordPress
  and Elementor -- https://fiverr.com/kidino
*/

/* Update #my-slider with the ID you set for your Carousel Widget */
/* You can move the text around by change the top and left value  */
#my-slider figcaption {
    position: absolute;
    top: 70px; left: 10px;
    margin-right: 20px;
    text-shadow: 0px 0px 10px #000;
}

#my-slider {
    cursor: pointer;
}