Rows – How to Edit, Move, Duplicate & Delete

Estimated reading: 3 minutes 66 views

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.
    About Us My Car Garage 1024X495 1
  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.
    About Us My Car Garage 1 1 1024X465 1

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.
    About Us My Car Garage 2 1024X465 1
  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.
    Move Row


Duplicate Row on a Page

  1. Hover over the row that you would like to duplicate.
  2. Click the Duplicate button.
    About Us My Car Garage 3 1024X465 1
  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.
    About Us My Car Garage 4 1024X465 1
  3. The row will be removed from your page.
Garage Invoice Vehicle Management Software logo in the footer section
Professional, affordable, and feature-rich Invoicing software for Workshops and Car Garages - making management simple and efficient.