# Column Options block

This block gives so much power 🚀&#x20;

You will find it extremely useful for the creation of complex layouts.

<figure><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2FLade3LKDIuHcrvOfxWjk%2Fscreenshot-localhost-2024.04.12-14_16_05.jpg?alt=media&#x26;token=22a112f3-c939-4bd8-88f0-87eee6d69cd2" alt=""><figcaption><p>Column Options block</p></figcaption></figure>

Let's see what this block can do. Add this block to some column and double-click it.

### Column Size Options

With this block, you can change the specific column size, width, and height if needed.

<figure><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2FufETgNu2S0aaJ34vQ4Wf%2Fscreenshot-localhost-2024.04.12-14_16_51.jpg?alt=media&#x26;token=b2ad70ae-c6b8-4077-b2e5-4739e0d3130d" alt=""><figcaption><p>Column Size options</p></figcaption></figure>

### Column Text Options

You can influence the text alignment, size, and other on the column level.

<figure><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2FEZXOtav5Uv2OBoAcu9Tl%2Fscreenshot-localhost-2024.04.12-14_17_36.jpg?alt=media&#x26;token=0cc97df2-aca4-4eb7-9cd8-f3f415ba831a" alt=""><figcaption><p>Column Text Options</p></figcaption></figure>

### Column Style Options

You can change the column style to Card, Tile, or create a custom background just for that column

<figure><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2F0aVy96lcxQeVUbsHyetd%2Fscreenshot-localhost-2024.04.12-14_18_27.jpg?alt=media&#x26;token=25a3a12e-b484-4262-a784-d694dbf12496" alt=""><figcaption><p>Column Style Options</p></figcaption></figure>

### Column Utility Options

You can also use some useful utilities, change column padding, and column order on the specific device, change the border, and add shadow.

<figure><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2FtLEVi0haz6Q0nq72y1p0%2Fscreenshot-localhost-2024.04.12-14_19_01.jpg?alt=media&#x26;token=ebebd90e-170e-41a1-b013-d7df26c08e95" alt=""><figcaption><p>Column Utility Options</p></figcaption></figure>

### Column Advanced Options

There are also some useful Advanced options. You can add a custom class and ID to the column, change visibility per device size, or add animation to the column.

<figure><img src="https://1582165953-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M4ZpEbnFxt2CBoFZg0N%2Fuploads%2FW6SV2Qo41p4IlC2phxb4%2Fscreenshot-localhost-2024.04.12-14_19_37.jpg?alt=media&#x26;token=82cc6153-2b08-455d-b6e9-895e23957a78" alt=""><figcaption><p>Column Advanced Options</p></figcaption></figure>

{% hint style="danger" %}
**Note that every column can have only one Column Options block.** If you add more than one, only options from the first one will be counted, and the other will be ignored.&#x20;
{% endhint %}

Ok, let's head to the next page and another block.&#x20;
