Column

Column adalah salah satu komponen di Tribeliopage yang berfungsi untuk mengkombinasikan elemen Image, Button, dan Text dalam satu kolom.

Tutorial

  1. Buat Landing Page atau Edit Landing Page yang telah kamu buat

  2. Klik "Add Component" di bagian Landing Page Builder

  3. Pilih menu "Other"

  4. Klik "Column"

  5. Pilih Layout Column yang ada. Terdapat 4 pilihan layout, yaitu 50:50, 70:30, 30:30:30, dan 25:50:25

  6. Pilih komponen yang akan kamu masukkan ke dalam Layout Column. Kamu bisa memilih komponen Text, Image, dan Button

  7. Jika mau mengatur component elemen, kamu bisa lihat di tutorial Text, Image, Button

  8. Atur jarak antar elemen di column dengan menggunakan "Spacing Column"

Column Setting

  1. Untuk menambahkan Background Color, klik menu "Setting", lalu pilih warna untuk background column kamu

  2. Gunakan "Padding Top dan Bottom" untuk mengatur jarak di bagian atas dan bawah Background

  3. Gunakan "Minimum Height" untuk mengatur tinggi minimum column

  4. Jika kamu memasukkan elemen Text pada column, kamu bisa mengatur Text Color, dan juga Font Style

  5. Jika kamu memasukkan elemen Image pada column, kamu bisa mengatur Border Radius pada gambar yang kamu pilih

  6. Jika kamu memasukkan elemen Button pada column, kamu bisa mengatur Button Color, Button Text Color, Font, dan juga Font Size

  7. Jika kamu ingin menghapus semua pengaturan Column yang telah kamu buat, klik tombol "Reset" yang berada di bagian bawah layar.

Last updated