Apa itu divider?
Divider atau pemisah merupakan salah satu element paling dasar dan sering digunakan pada web design. Sesuai namanya, divider biasanya digunakan sebagai pemisah dari satu section dengan section lain. Secara default, divider dalam elementor hanya berupa garis horizontal, namun elementor juga menyediakan banyak pengaturan untuk memodifikasi element ini agar tampak lebih menarik. Mari kita bahas apa saja kustomisasi yang bisa kita lakukan.
Pengaturan element divider
Content – Divider (default)
Tampilan diatas merupakan pengaturan default ketika tidak menambahkan teks atau icon pada divider.
- Style: Tentukan tampilan divider, anda bisa menyesuaikan design dengan kebutuhan website anda
- Width: Atur lebar dari divider.
- Alignment: Tentukan posisi divider
- Add Element: Tentukan akan menambahkan teks atau icon pada divider atau tidak.
Style – Divider (default)
- Color: Pilih warna divider.
- Weight: Tentukan ketebalan divider.
- Gap: Atur jarak divider dengan widget lain.
Content – Divider (dengan teks)
Ketika menambahkan teks pada divider terdapat tambahan pengaturan untuk teks yang ditampilkan serta tag HTML.
- Text: Masukkan teks yang akan ditampilkan disini
- HTML Tag: Tentukan tag HTML, akan berpengaruh pada SEO
Style – Text
- Color: Pilih warna teks
- Typography: Atur tipografi teks divider
- Text Stroke: Tentukan ketebalan teks divider
- Position: Atur posisi teks dalam divider
- Spacing: Atur jarak teks dengan garis divider
Content – Divider (dengan icon)
Ketika menambahkan icon dalam divider anda, anda bisa memilih icon yang sudah disediakan elementor atau mengunggah icon anda dalam format file .svg.
Style – Icon (VIEW: Default)
- View: Tentukan icon akan ditampilkan dengan format default, stacked, dan framed
- Size: Atur ukuran icon
- Primary Color: Tentukan warna icon
- Position: Tentukan posisi icon dalam divider
- Spacing: Atur jarak antara icon dan divider
- Rotate: Tentukan tampilan rotasi icon
Style – Icon (VIEW: Stacked)
Pada pilihan view “Stacked” terdapat tambahan pengaturan tampilan yaitu:
- Secondary Color: Tentukan warna kedua dalam icon
- Border Radius: Tentukan ukuran sudut icon
Style – Icon (VIEW: Framed)
Pada pilihan view framed, terdapat tambahan pengaturan “Border Width” yang berfungsi untuk mengatur lebar border icon.