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
Column Content Vertical and Horizontal Alignment
Open the "Content Alignment" accordion. Align content vertically and horizontally.
![Content Alignment](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/screenshot-2020-03-15-at-12054_14x1h4s.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
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
Updated on: 13/05/2024
Thank you!