Simple Elementor Media Carousel With Text Captions !

Table of Contents

How to add elementor media carousel text captions using CSS only! No plugins needed!

First, add Captions to every 'Slides' in the Elementor Media Carousel

Place various inner sections in this column. Every inner section will become a slide of this Elementor vertical carousel.

Simple Elementor Media Carousel With Text Captions ! 1

Then, set overlay to 'Text' and caption to 'Caption'

Simple Elementor Media Carousel With Text Captions ! 2

Finally, add this CSS to enable the Elementor media carousel text captions!

Under the Custom CSS for the element is a good place.

    
body .elementor-section .elementor-carousel-image-overlay {
background-color: transparent;
    color: black; /* Change the color here to change the color of the caption */
    font-size: 23px; /* Change the font size here to change the size of the caption */
    height:30px;
    top:107%;/* Slightly increase or decrease this value to position the caption */
    opacity: 1!important;
    transform:none!important;
}

body .elementor-section .swiper-slide {
    overflow: visible;
}

body .elementor-section .swiper-container {
    padding-bottom: 90px;
}

That's all! Enjoy your Elementor Media Carousel Captions!

Watch the video for more info! Let me know if everything works for you!

Comments