Rows – How to Edit, Move, Duplicate & Delete

Note: See this guide for additional information: How to Use Modules & Rows

Edit Row Settings

1. Hover over the row that you would like to edit.
2. Click Row Settings button.
   
3. You can make the following changes on the Style tab:
   • Row and content width and max width fields
     In the Width field, set the row width to Full width or Fixed.
     For fixed-width rows, choose a maximum row width in the Fixed width field. Maximum width means the row can become less wide when the screen size shrinks below the max width, but can’t become wider as the screen grows larger.
     For full-width rows, choose whether the Content width will be Full width or Fixed. If the Content width is Fixed, choose a max width for the content.

   • Row height
     Set the row height to one of the following values:

     • Default – The row height automatically sizes according to the row content.
     • Full height – The row fits the browser window. You can align the content to Top, Center, or Bottom.
     • Minimum row height – Set the value you want for minimum height. Use this in cases in which you want the row height to be greater than the default but less than the full browser window height. You can also choose the vertical alignment of the content in the row: Top, Center, or Bottom.
   • Colours section
     Override default colour settings for text, link, and heading colours.
   • Background section
     Create and style any of the following types of row backgrounds. Each choice opens a section with settings for that type of background.
   • Background overlay section
     This section appears if you choose Photo, Video, Slideshow, or Parallax as the background type. You can select a colour overlay and manipulate the opacity to show more or less of the underlying background.
     Usually, a background cover overlay is done using a semitransparent white or black colour to improve legibility of content on top of the row background, but in some cases a semi-transparent colour is used for design effect.
   • Border section
     You can add a row border. With or without a border, you can add a corner rounding (radius) and a shadow effect.
   • Top shape, Bottom shape sections
     Assign a shape overlay to the top or bottom edge of the row.
4. You can also change margins, padding, visibility and add animations on Advanced tab
5. Click Save to apply your changes.
   

Move Row on the Page

1. Hover over the row that you would like to move on your page.
2. Click and hold the Move button.
   
3. While holding your mouse button, drag your row to a desired position on the Page.
   Rows can be dropped before or after other rows. You can’t drop a row into another row.
   

Duplicate Row on a Page

1. Hover over the row that you would like to duplicate.
2. Click the Duplicate button.
   
3. A new row will be copied right under the original row.
   You can edit it’s content or move it somewhere else on your page.

Delete Row from a Page

1. Hover over the row that you would like to delete.
2. Click the Remove button.
   
3. The row will be removed from your page.