Dapatkan Hosting Instan dengan Elementor dan Elementor Pro

dengan CDN, SSL dan cadangan.

Mulai hari ini

Cara Membuat Korsel Media Elementor Dengan Teks

Muneeb Tutorial WordPress Nov 18, 2021

Korsel media adalah semacam tampilan yang menggabungkan beberapa gambar dan video untuk mengiklankan konten dalam satu rangkaian. Ini adalah cara cerdas untuk memasukkan semua koin penting Anda ke dalam keranjang yang lebih terkenal sambil memungkinkan pengguna untuk menavigasi dengan mudah.

Korsel media membantu mengangkat konten situs web Anda selain membentuk demonstrasi singkat tentang apa yang dapat Anda tawarkan. Saat menambahkan keterangan ke slide juga akan memungkinkan Anda untuk memberikan penjelasan singkat kepada pengguna.

Dengan Elementor , Anda dapat dengan mudah membuat Korsel Media bersama dengan teks tanpa harus menggunakan plugin pihak ketiga atau addon Elementor. Dalam tutorial ini, kita akan memahami cara membuat Elementor Media Carousel dengan Caption di WordPress.

Cara Menambahkan Korsel Media Elementor Dengan Teks

Untuk memulai, tambahkan Caption ke semua Slide di Elementor Media Carousel.
Isi kolom ini dengan berbagai bagian dalam. Bagian dalam korsel vertikal Elementor ini masing-masing akan menjadi slide.

Memulai

Di tab Konten di sebelah kiri layar Anda, atur Teks di Opsi Overlay dan pilih Caption di bagian akhir.

Gunakan kode CSS berikut untuk mengizinkan Teks Teks dengan Elementor Media Carousel.

    
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;
}

Ini adalah bagaimana Anda dapat menambahkan Teks dengan Media Carousel di Elementor dan membuat carousel Anda cukup jelas bahkan untuk pengunjung baru di situs web Anda.

Itu saja dari kami untuk tutorial ini. Pastikan untuk mengikuti kami di Facebook dan Twitter kami untuk tetap update tentang posting masa depan kami.