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: 13/05/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!