Salah satu fitur yang tersedia di Elementor Pro adalah kemampuan untuk menambahkan CSS khusus ( Baca: Elementor Free vs Pro). Fitur ini memungkinkan Anda untuk melampaui karena Anda dapat menerapkan gaya apa pun saat gaya yang Anda inginkan tidak tersedia pada daftar opsi pengaturan. Untuk menambahkan gaya kustom melalui CSS kustom ke widget Elementor tertentu (atau elemen widget), Anda perlu mengetahui pemilih widget terkait. Kami telah mengumpulkan daftar pemilih widget Elementor untuk memudahkan pekerjaan Anda.
Setiap widget Elementor — dan elemennya — memiliki pemilih CSS yang dapat Anda gunakan untuk menargetkan widget terkait saat Anda ingin menambahkan CSS khusus untuk mencapai gaya tertentu. Anda dapat mengetahui pemilih dengan memeriksa widget yang ingin Anda tambahkan CSS khusus.
Karena memeriksa widget hanya dapat dilakukan di halaman langsung, akan memakan waktu lama untuk memeriksa semuanya. Itulah yang membuat kami membuat daftar ini.
Cara Menggunakan Pemilih Katakanlah Anda ingin menerapkan ukuran yang berbeda antara ikon dan teks pada tombol. Karena opsi pengaturan default tidak memungkinkan Anda untuk mengatur ukuran yang berbeda antara ikon tombol dan teks, Anda dapat mencapainya melalui CSS khusus. Anda dapat menargetkan ikon atau teks untuk menerapkan CSS khusus.
Pertama, pilih pemilih elemen yang ingin Anda targetkan (misalnya, ikon tombol). Pada panel pengaturan Elementor, buka tab Advanced dan buka blok Custom CSS .
Ketik selector [selector name] {} pada bidang CSS khusus. Berikut adalah contoh.
Selanjutnya, tambahkan konten CSS Anda (deklarasi) di dalam kurung kurawal. Berikut adalah contoh.
Daftar Pemilih Widget Elemen Akordeon Peringatan Judul Animasi Deskripsi Arsip Arsip Posting Kotak Penulis Galeri Dasar Blockquote Tombol Panggilan untuk bertindak Hitung mundur Menangkal Pembagi Kotak Balik Membentuk Galeri Menuju ikon Kotak Ikon Gambar Kotak Gambar Korsel Gambar Korsel Media Menu navigasi Tombol PayPal Portofolio Kirim Komentar Info Posting Navigasi Posting Postingan Judul Posting Daftar Harga Tabel Harga Bilah Kemajuan Pelacak Kemajuan Ulasan Tombol Bagikan Slide Ikon Sosial Peringkat Bintang Daftar isi tab Kesaksian Korsel Testimonial Editor Teks Beralih Akordeon Widgetnya .elementor-akordeon Judul Akordeon .elementor-accordion-title Deskripsi akordeon .elemen-tab-konten Ikon Akordeon Terbuka .elementor-akordeon-ikon Ikon Akordeon Ditutup .elementor-accordion-icon-closed
Peringatan Widgetnya .elementor-alert Judul Peringatan .elementor-alert-title Deskripsi Peringatan .elementor-alert-description Singkirkan Ikon .elementor-alert-dismiss
Judul Animasi Widgetnya .elementor-headline Teks Statis .elementor-headline-plain-text Teks Dinamis .elementor-judul-dinamis-wrapper
Deskripsi Arsip Teks Arsip .elementor-heading-title
Arsip Posting Widgetnya .elementor-widget-container Posting Item .elemen-grid-item Gambar Unggulan .elementor-post__thumbnail Lencana pada Kulit Kartu .elementor-post__badge Avatar di Skin Kartu img.avatar Area Konten Teks .elementor-post__text Judul Posting .elementor-post__title Posting Kutipan .elementor-post__excerpt Baca selengkapnya .elementor-post__read-more Posting Meta Area .elementor-post__meta-data Tanggal Posting .elementor-post-date Penulis Posting .elementor-post-author Waktu Posting .elementor-pasca-waktu Kirim Komentar .elementor-post-avatar paginasi .elementor-pagination Label Sebelumnya .page-numbers.prev Label Berikutnya .nomor-halaman.berikutnya Nomor paginasi .nomor-halaman Nomor Paginasi Aktif .nomor-halaman.saat ini Muat Lebih Banyak Tombol .elementor-button-link Muat Ikon Tombol Lainnya .elemen-tombol-ikon
Kotak Penulis Widgetnya .elementor-author-box Avatar .elementor-author-box__avatar Nama Penulis .elementor-author-box__name Biodata Penulis .elementor-author-box__bio Tombol Arsip .elementor-author-box__button
Galeri Dasar Widgetnya .elementor-gambar-galeri Barang Galeri .gallery-item Keterangan .wp-caption-text
Blockquote Widgetnya .elementor-blockquote Konten Blockquote .elementor-blockquote__content Penulis Blockquote .elementor-blockquote__author Ikon Tweet .elementor-blockquote__tweet-button Label Tweet .elementor-blockquote__tweet-label
Tombol Widgetnya .elementor-button Teks Tombol .elementor-button-text Ikon Tombol .elemen-tombol-ikon
Panggilan untuk bertindak Widgetnya .elementor-cta Gambar Tajuk .elementor-cta__bg Pita .elementor-pita Teks Pita .elementor-pita-dalam Judul Konten .elementor-cta__title Deskripsi Konten .elementor-cta__description Tombol Konten .elementor-cta__button
Hitung mundur Widgetnya .elementor-countdown-wrapper hari .elementor-hitung mundur-hari Jam .elemen-hitung mundur-jam Menit .elemen-hitung mundur-menit Detik .elemen-hitung mundur-detik Label Hitung Mundur .elemen-hitung mundur-label
Menangkal Widgetnya .elementor-counter Awalan Nomor .elementor-counter-number-prefix Nomor .elementor-counter-number Akhiran Nomor .elementor-counter-number-suffix Judul .elementor-counter-title
Pembagi Widgetnya .elementor-pembagi pemisah .elementor-pembagi-pemisah Elemen Teks/Ikon .elementor-divider__element
Kotak Balik Widgetnya .elementor-flip-box Kontainer Depan .elementor-flip-box__front Kontainer Belakang .elementor-flip-box__back Wadah Konten .elementor-flip-box__layer__inner Judul Konten .elementor-flip-box__layer__title Deskripsi Konten .elementor-flip-box__layer__description Tombol Konten .elementor-flip-box__button
Membentuk Widgetnya .bentuk elemen Langkah Wadah .e-form__indicators Nomor Langkah .e-form__indicators__indicator Label Bidang .elementor-field-label Teks Lapangan .elementor-field-tekstual Label Bidang Teks .elementor-field-type-text Label Bidang Area Teks .elementor-field-type-textarea Label Bidang Email .elemen-bidang-jenis-email Label Bidang URL .elementor-field-type-url Label Bidang Telp .elementor-field-type-tel Label Bidang Radio .elementor-field-type-radio Pilih Label Bidang .elementor-field-type-select Label Bidang Kotak Centang .kotak centang tipe-bidang-elemen Label Bidang Penerimaan .penerimaan tipe-bidang-elemen- Label Bidang Tanggal .elementor-field-type-date Label Bidang Waktu .elementor-field-type-time Label Bidang Nomor .elementor-field-type-number Label Bidang Unggah File .elementor-field-type-upload Tombol Berikutnya e-form__buttons__wrapper__button-next Tombol Sebelumnya .e-form__buttons__wrapper__button-previous Tombol Kirim .elementor-button
Galeri Judul Galeri (untuk Beberapa Galeri) .elemen-galeri-judul Barang Galeri .elemen-galeri-item Deskripsi (pada Hamparan) .elementor-galeri-item__description
Menuju Widgetnya .elementor-heading-title
ikon Kotak Ikon Widgetnya .elementor-icon-box-wrapper ikon .elemen-ikon Wadah Konten .elementor-icon-box-content Judul Konten .elementor-icon-box-title Deskripsi Konten .elementor-ikon-kotak-deskripsi
Daftar Ikon Daftar Ikon .elementor-icon-list-icon Daftar Teks .elementor-icon-list-text
Gambar Gambar gambar Keterangan .wp-caption-text
Kotak Gambar Gambar .elementor-image-box-img Wadah Konten Teks .elementor-image-box-content Judul Konten .elementor-gambar-kotak-judul Deskripsi Konten deskripsi-gambar-kotak-elemen
Korsel Gambar Wadah Gambar .swiper-slide Item Gambar .swiper-slide-image Wadah Paginasi .swiper-pagination Titik Paginasi .swiper-pagination-bullet Ikon Sebelumnya .elementor-swiper-button-prev Lanjut .elementor-swiper-button-next Keterangan Gambar .elementor-image-carousel-caption
Korsel Media Barang Media .elementor-carousel-image Hamparan Item Media .elementor-carousel-image-overlay paginasi titik .swiper-pagination-fraksi Tombol Sebelumnya .eicon-chevron-kiri Tombol Berikutnya .eicon-chevron-kanan Paginasi pecahan .swiper-pagination-fraksi Progress Bar Pagination .swiper-pagination-progressbar Isi Pagination Bar Kemajuan .swiper-pagination-progressbar-fill
Menu navigasi Beralih Menu Seluler .elementor-menu-toggle Ikon Menu Seluler .eicon-menu-bar Menu Reguler .elementor-nav-menu tarik-turun .elementor-nav-menu–dropdown Item Menu dengan Sub-Menu .elementor-item.has-submenu Sub-Menu Item .elemen-sub-item
Tombol PayPal Widgetnya .elemen-pembayaran-tombol Ikon Tombol PayPal .elemen-tombol-ikon Teks Tombol PayPal .elementor-button-text
Portofolio Barang Portofolio .elemen-portfolio-item Item Portofolio di Hamparan .elementor-portfolio-item__overlay Judul Hamparan .elementor-portfolio-item__title Filter Portofolio .elementor-portfolio__filter
Kirim Komentar Judul Balasan .comment-reply-title Area Formulir Komentar .comment-form Formulir Komentar .comment-form-comment Tombol Kirim .form-submit
Info Posting Widgetnya .elementor-post-info Avatar gambar Daftar Ikon .elementor-icon-list-icon Teks Ikon .elementor-icon-list-text
Navigasi Posting Widgetnya .elementor-pasca-navigasi Ikon Sebelumnya .post-navigation__arrow-prev Label Sebelumnya .post-navigation__prev–label Judul Posting Sebelumnya .post-navigation__prev–title Ikon Berikutnya .post-navigation__arrow-next Label Berikutnya .post-navigation__next–label Judul Postingan Berikutnya .post-navigation__next–title
Postingan Posting Item .elementor-posting Gambar Unggulan .elementor-post__thumbnail Lencana pada Kulit Kartu .elementor-post__badge Avatar di Skin Kartu img.avatar Area Konten Teks .elementor-post__text Judul Posting .elementor-post__title Posting Kutipan .elementor-post__excerpt Baca selengkapnya .elementor-post__read-more Posting Meta Area .elementor-post__meta-data Tanggal Posting .elementor-post-date Penulis Posting .elementor-post-author Waktu Posting .elementor-pasca-waktu Kirim Komentar .elementor-post-avatar paginasi .elementor-pagination Label Sebelumnya .page-numbers.prev Label Berikutnya .nomor-halaman.berikutnya Nomor paginasi .nomor-halaman Nomor Paginasi Aktif .nomor-halaman.saat ini Muat Lebih Banyak Tombol .elementor-button-link Muat Ikon Tombol Lainnya .elemen-tombol-ikon
Judul Posting Widgetnya .elementor-heading-title
Daftar Harga Widgetnya .elemen-harga-daftar Daftar barang .elemen-harga-daftar-item Daftar Item Gambar .elemen-harga-daftar-gambar Daftar Item Teks .elemen-harga-daftar-teks Daftar Item Header .elementor-price-list-header Judul Item Daftar .elemen-harga-daftar-judul Pemisah Item Daftar .elementor-daftar harga-pemisah Daftar Harga Barang .elemen-harga-daftar-harga Daftar Item Deskripsi .elemen-daftar-harga-deskripsi
Tabel Harga Widgetnya .elemen-harga-tabel Judul Tabel .elementor-price-table__header Judul Tajuk Tabel .elementor-price-table__heading Deskripsi Tajuk Tabel .elementor-price-table__subheading Harga .elementor-price-table__price Mata uang .elementor-price-table__currency Nomor Setelah Harga .elementor-price-table__after-price Periode Harga .elementor-price-table__period Area Daftar Fitur .elementor-price-table__features-list Item Daftar Fitur .elementor-price-table__feature-inner Tabel Footer .elementor-price-table__footer Tombol Tabel Footer .elementor-price-table__button Teks Footer Tabel .elementor-price-table__additional_info Pita .elementor-price-table__ribbon Pita bagian dalam .elementor-price-table__ribbon-inner
Bilah Kemajuan Bilah Kemajuan .elementor-progress-bar Latar Belakang Kemajuan .elementor-progress-wrapper Judul Kemajuan .elemen-judul Kemajuan Teks Dalam .elementor-progress-text Persentase Kemajuan .elemen-kemajuan-persentase
Pelacak Kemajuan Widgetnya .elementor-scrolling-tracker Kemajuan .saat-kemajuan-persentase
Ulasan Widgetnya .elementor-swiper Tinjau Item .swiper-slide Tinjau Header .elementor-testimonial__header Gambar Pengulas .elementor-testimonial__image Nama Pengulas .elementor-testimonial__name Judul Peninjau .elementor-testimonial__title Konten Kesaksian .elementor-testimonial__content Teks Kesaksian .elementor-testimonial__text paginasi titik .swiper-pagination-bullet Paginasi pecahan .swiper-pagination-fraksi Pecahan Paginasi Saat Ini .swiper-pagination-current Pecahan Paginasi Total .swiper-pagination-total Progress Bar Pagination .swiper-pagination-progressbar Isi Pagination Bar Kemajuan .swiper-pagination-progressbar-fill Tombol Sebelumnya .eicon-chevron-kiri Tombol Berikutnya .eicon-chevron-kanan
Tombol Bagikan Tombol Item .elementor-share-btn Ikon Tombol .elementor-share-btn__icon Teks Tombol .elementor-share-btn__text
Slide Widgetnya .elementor-slides-wrapper Area Konten .swiper-slide-contents Judul Konten .elementor-slide-heading Deskripsi Konten .elementor-slide-description Tombol Konten .elementor-slide-button paginasi titik .swiper-pagination-bullet Tombol Sebelumnya .eicon-chevron-kiri Tombol Berikutnya .eicon-chevron-kanan
Ikon Sosial Widgetnya .elementor-social-icons-wrapper Item Ikon .elementor-sosial-ikon
Peringkat Bintang Widgetnya .elementor-bintang-rating__wrapper Peringkat Judul .elementor-bintang-rating__title Area Ikon Bintang .elementor-bintang-rating Ikon Bintang Penuh .elementor-star-full Ikon Bintang Setengah Penuh .elementor-bintang-5 Ikon Bintang Kosong .elementor-bintang-kosong
Daftar isi Widgetnya .elementor-widget-container Judul ToC .elementor-toc__header Judul Judul ToC .elementor-toc__header-title Perluas Tombol .elementor-toc__toggle-button–expand Tombol Ciutkan .elementor-toc__toggle-button–expand Tubuh ToC .elementor-toc__body Item Daftar Daftar Isi .elementor-toc__list-item ToC Tingkat Atas .elementor-toc__list-item-text.elementor-toc__top-level
tab Widgetnya .elemen-tab Judul Tab .elementor-tab-title Isi Tab .elemen-tab-konten
Kesaksian Widgetnya .elementor-testimonial-wrapper Konten Kesaksian .elementor-testimonial-content Meta Testimoni .elementor-testimonial-meta Avatar Kesaksian .elementor-testimonial-image Nama Testimonial dan Jabatan .elementor-testimonial-detail Nama Kesaksian .nama-elementor-testimonial Judul Pekerjaan Testimonial .elementor-testimonial-job
Korsel Testimonial Widgetnya .elementor-widget-container Barang Slide Testimoni .elementor-testimonial Konten Kesaksian .elementor-testimonial__content Meta Testimoni .elementor-testimonial__footer Avatar Kesaksian .elementor-testimonial__image Nama Testimonial dan Jabatan .elementor-testimonial__cite Nama Kesaksian .elementor-testimonial__name Judul Pekerjaan Testimonial .elementor-testimonial__title paginasi titik .swiper-pagination-bullet Paginasi pecahan .swiper-pagination-fraksi Pecahan Paginasi Saat Ini .swiper-pagination-current Pecahan Paginasi Total .swiper-pagination-total Progress Bar Pagination .swiper-pagination-progressbar Isi Pagination Bar Kemajuan .swiper-pagination-progressbar-fill Tombol Sebelumnya .eicon-chevron-kiri Tombol Berikutnya .eicon-chevron-kanan
Editor Teks Widgetnya .elementor-teks-editor
Beralih Widgetnya .elementor-toggle Beralih Item .elemen-toggle-item Alihkan Judul Item .elementor-tab-title Alihkan Konten Item .elemen-tab-konten Beralih Ikon .elementor-toggle-icon Beralih Ikon Ditutup .elementor-toggle-icon-closed Beralih Ikon Buka .elementor-toggle-icon-opened
Garis bawah Meskipun Elementor menawarkan banyak opsi gaya untuk setiap widget, Anda dapat melampauinya dengan CSS khusus. Untuk menerapkan gaya kustom ke widget (atau elemennya) melalui CSS kustom, Anda perlu mengetahui pemilih widget terkait. Anda cukup memeriksa widget di halaman langsung untuk mengetahui pemilihnya. Untuk menghemat waktu Anda, kami telah membuat daftar pemilih widget Elementor sehingga Anda tidak perlu memeriksa sendiri setiap widget.
