Articles on: Components & Elements

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


Column Resize / Width Change



Column Content Vertical and Horizontal Alignment


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



Content Alignment


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: 23/04/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!