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 
 .
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.
​
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 →​
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
​

Builder Guide - Previous

Section

Next - Builder Guide

Column

Last modified 2yr ago

Copy link

Contents

Row / Container Width & Column Height

Column Equal Hight and Gap

Reverse Column Stacking (Responsive)

Row / Container Background

Styles Tab

Advanced Tab