Similar to sections, rows also have a list of settings
- To add a new row, click on ADD ROW button after expanding a Section in the Layout Manager
![](http://oshine-knowledgebase.brandexponents.com/wp-content/uploads/2016/12/Add-row-263x300.png)
2. To edit a row, click on the row and the module editor will appear on the left.
![](http://oshine-knowledgebase.brandexponents.com/wp-content/uploads/2016/12/Row-module-editor-options-236x300.png)
![](http://oshine-knowledgebase.brandexponents.com/wp-content/uploads/2016/12/Screen-Shot-2016-12-14-at-4.55.54-PM.png)
If you are unable to select ( / highlight ) a Row, from the right panel, which may happen in cases where the columns occupy the entire row and when the row doesn’t have any margins, select a column within the row that you are trying to edit and use the breadcrumbs to navigate to the editor panel of its enclosing row.
Another method to edit a row: click on the menu and select the option from the list
![](http://oshine-knowledgebase.brandexponents.com/wp-content/uploads/2016/12/Row-option.png)
![](http://oshine-knowledgebase.brandexponents.com/wp-content/uploads/2016/12/row-options.png)
3. To duplicate a row, in the layout manager panel click the row after expanding the section and select the menu and from the options click duplicate
4. To delete a row, in the layout manager panel click the row after expanding the section and select the menu and from the options click delete
5. To rearrange a row, select and drag the row and place it in the required position
Settings #
- FULL WIDTH ROW
Rows by default are wrapped to a max width of 1160px inside a Section and are centered to the screen.
![](http://oshine-knowledgebase.brandexponents.com/wp-content/uploads/2016/12/Full-Width-row-option-300x68.png)
Use this option if you want the Row to expand and occupy the full width of the screen.
![](http://oshine-knowledgebase.brandexponents.com/wp-content/uploads/2016/12/Full-Width-row-image1-1024x532.png)
2. MARGIN BOTTOM OF ALL COLUMNS TO BE ZERO
![](http://oshine-knowledgebase.brandexponents.com/wp-content/uploads/2016/12/Margin-bottom-of-column.png)
Setting the Margin bottom of all columns to be zero will overwrite the default values of the bottom margin to zero
3. ALL COLUMNS OF EQUAL HEIGHT
![](http://oshine-knowledgebase.brandexponents.com/wp-content/uploads/2016/12/Set-same-column-height.png)
Setting the Margin bottom of all columns to be zero will overwrite the default values of the bottom margin to zero
![](http://oshine-knowledgebase.brandexponents.com/wp-content/uploads/2016/12/Different-height-margins-1024x488.png)
Columns of different height
![](http://oshine-knowledgebase.brandexponents.com/wp-content/uploads/2016/12/Columns-with-same-height-1024x438.png)
Columns of same height
4. SPACING BETWEEN COLUMNS
The spacing between all the columns in the row can be set from the list; in this case there are six options: Tiny, Small, Medium, Large, Zero, Custom
5. ROW ID
![](http://oshine-knowledgebase.brandexponents.com/wp-content/uploads/2016/12/Row-Id.png)
An unique id can be set for the row to customize it using css. (unique alpha numeric, no spaces, no special characters)
6. ROW CLASS
![](http://oshine-knowledgebase.brandexponents.com/wp-content/uploads/2016/12/Row-Class.png)
A class can be set for the row to customize it using css.
7. HIDE IN
![](http://oshine-knowledgebase.brandexponents.com/wp-content/uploads/2016/12/Hide-in.png)
The row can be hidden from a specific screen size
Responsive Breakpoints
Mobile < 767px
Tablet – 768px – 1024px
Laptops – 1025px – 1377px
Desktops – > 1378px