> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Column


### Column

Columns are resizable element holders that sits inside a row to design any layout without breaking the layout. Multiple columns can be added inside a row in multiple lines. Columns comes with a new section automatically.

###### How to Add New Section with Row and Columns

Open the editing modal of the column by clicking  the select any of the available column width. 

![Edit Column](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screenshot-2020-03-14-at-11580_1mcdrwc.png)

### Column Resize / Width Change

${youtube}[Change Column Size / Width](OPxivmZ4rXM)

### Column Content Vertical and Horizontal Alignment

Open the "Content Alignment" accordion. Align content vertically and horizontally. 

${youtube}[Column Content Vertical and Horizontal Alignment](5izwL6KUIxA)

![Content Alignment](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/screen-shot-2025-04-22-at-1249_wcf3dk.png)

Setting vertical alignment "Top" , "Center" and "Bottom" will move inline buttons in multiple lines.

### Column background

Add color, gradient or image background in Columns.  The background option works like other component's background.
Learn more about  
###### [How to add  / use background](https://help.dorik.com/en/article/background-styles-1o7tdv3/)

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/screen-shot-2025-04-22-at-1250_13ftvp6.png)

### Styles Tab

Common Styles used in styles tab. Control the settings in styles tab from common styles. 

###### Margin & Padding (Spacing)

###### Border

###### Border Radius (Rounded Corner)

###### Box Shadow

###### Transform

![](https://storage.crisp.chat/users/helpdesk/website/-/c/f/1/f/cf1fc9cc00911000/screen-shot-2025-04-22-at-1250_13sfkc3.png)