# Column

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

## Tutorial

![Column Component](https://1695532416-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAmjLQ2aX6DHMCbTSBODu%2Fuploads%2FkWywSfCL8Uo1fCbM3Qh2%2FColumn%20-%20New.png?alt=media\&token=02507aa6-a62e-42fc-a228-b2f76e6462e8)

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](https://help.tribeliopage.com/page-builder/text), [Image](https://help.tribeliopage.com/page-builder/image), [Button](https://help.tribeliopage.com/page-builder/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.