Apa itu Columns?
Columns atau kolom dalam Elementor terdapat didalam section. Kolom berisi widget Elementor. Kolom ini juga dapat dimodifikasi dengan cara mengarahkan kursor ke ujung kiri atas widget dan klik icon
Opsi Klik Kanan
Anda bisa memodifikasi kolom dengan cara klik kanan pada kolom dan akan tampil pengaturan seperti berikut
Mari kita bahas apa saja fungsinya
- Edit Column: Klik untuk menampilkan pengaturan tampilan kolom
- Duplicate: Duplikasi atau gandakan kolom
- Add New Column: Tambahkan kolom baru
- Copy: Salin kolom
- Paste: Tempel kolom yang baru saja disalin
- Paste style: Tempel pengaturan style kolom yang baru saja disalin
- Paste from other site: Tempel dari halaman website lain
- Reset style: Kembalikan pengaturan style ke pengaturan default
- Notes: Beri catatan untuk kolom
- Navigator: Membuka navigator untuk website yang sedang diedit
- Delete: Hapus kolom
Pengaturan Columns
Layout – Layout
- Column Width (%): Atur ukuran kolom dalam persentase
- Vertical Align: Tentukan posisi vertical kolom
- Horizontal Align: Tentukan posisi horizontal kolom
- Widgets Space (px): Tentukan jarak antar widget yang ada dalam kolom dengan satuan pixel
- HTML Tag: Tentukan tag HTML untuk kolom
Definisi Space
Pada pengaturan posisi horizontal dan vertical kolom terdapat pilihan Space Between, Space Around, dan Space Evenly. Apa saja sih artinya?
- Space Between: Widget dimulai dan diakhiri di tepi kolom, dengan jarak yang sama di antara keduanya
- Space Around: Widget diberi jarak yang sama, dan tepinya berukuran setengah dari jarak antar widget
- Space Evenly: Widget memiliki jarak ruang yang sama, baik sebelum dan sesudah widget tersebut
Style – Background
- Normal: Tampilan background kolom pada mode normal
- Hover: Tampilan background kolom saat di hover
- Background Type: Pilih tipe background kolom antara warna, gradasi warna, atau gambar
Style – Border
- Normal: Tampilan background kolom pada mode normal
- Hover: Tampilan background kolom saat di hover
- Border Type: Tentukan tipe border kolom
- Border Radius: Tentukan ukuran sudut border
- Box Shadow: Beri efek bayangan pada kolom
Style – Typography
- Heading Color: Pilih warna untuk heading kolom
- Text Color: Pilih warna teks kolom
- Link Color: Tentukan warna link dalam kolom
- Link Hover Color: Tentukan warna link dalam kolom ketika di hover
- Text Align: Tentukan posisi teks dalam kolom