# Column

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

## Tutorial

![Column Component](/files/duquGUQRYN5tZ8pDK68G)

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](/page-builder/text.md), [Image](/page-builder/image.md), [Button](/page-builder/button.md)
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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.tribeliopage.com/page-builder/column.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.