Articles on: Components & Elements

Row / Container

Row / Container



Rows are first layer of containers inside a section. Sections holds columns and elements inside it. Multiple rows can be added inside a section and style them differently.
Row comes with section and column by default.


How to Add New Section with Row and Columns



Open the editing modal of the row by clicking

Edit raw Style

Row / Container Width & Column Height



Default row comes with 1140px width. Set 100% width or customize the default width in from global styles



Column Equal Hight and Gap



After the row / container width. There is equal height and column gap option. See the video below for working example.



Reverse Column Stacking (Responsive)



Reverse left right column position in responsive.

Reverse

Row / Container Background



Add color, gradient or image background in Row. The background option works like other component's background.
Learn more about ###### How to add / use background

Row 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




Advanced Tab



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

Animation on Scroll


Hover Transition


Z-Index


Custom CSS


Updated on: 23/04/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!