Support

Row Editor

Use the Row editor to change the row's background (color or image), add a border, or adjust the inner and outer spacing of the row. Use rows to organize and arrange the content in your site.

Warning

Before editing rows, create a backup of your site. This ensures that you will be able to restore a previous version of your site if you make a mistake. For more information about backing up your site, see Backup Sites.


To configure a row:

  1. Hover over the top left of a row until a row button appears, and click Row.
    The Row editor menu appears.
  2. Click the Move row up and Move row down arrows to move the current row up or down.
  3. To open the Row design editor, click Edit Design. For more information, see Row Design Editor below.
    The Row design editor appears.
  4. Click +Add and select one of the following:
  5. Row above. Add a new row above the current row.
  6. Row below. Add a new row below the current row.
  7. Section. Add a section to the row.
  8. Column. Add a column to the row.
  9. Inner row. Add a row within the current row.
  10. To clear the inner spacing inside the row, click Clear Padding.
  11. To revert the spacing to what you defined in theme spacing, click Reset To default spacing.
  12. To add an entrance animation to the row (for example, fade from right, bounce in, zoom in), click Entrance Animation, and select an option.
  13. To save the row as a section, click Save as Section and select to save only the current row, multiple rows, or the full page.
  14. To hide the current row on a specific device (desktop, tablet, mobile), click Hide On Device, and select the device.
  15. To copy the row, click Copy.
  16. To anchor the row to the page or delete an existing anchor, click Set As Anchor or Edit Anchor.
  17. To delete the row, click Delete.


Row Design Editor

To edit the background style or spacing of the row:

  1. Hover over the top left of a row until a row button appears, click Row, and then click Edit Design.
  2. On the Settings tab, you have the following options:
  3. Full bleed row. To change the row into a full bleed row, which allows content to span the entire width of the screen, click the Full bleed row toggle. If you choose not to have full bleed rows, the content width is limited to 960px.
  4. On the Style tab, select a use a Background Color, Image, or Video. You have the following options:
  5. Color.
  6. Select a Background color. Gradient color overrides image, and vice versa.
  7. Click Border to select a border type, and move the slider to set the border width.
  8. To add a shadow, click the Shadow toggle, and select a color, type, and position for the shadow.
  9. Image.
  10. To add an image to the background, click + to open the image picker.
  11. Select to have the image display as a Cover, Full image, Tile, or No repeat.
  12. To enable parallax scrolling on a background image, click the Parallax scrolling toggle. When this is enabled, background content scrolls more slowly than foreground content.
  13. Note
  14. Parallax scrolling is not an option for the Background Image Slider.
  15. Configure the Position, Background overlay, Border, and Shadow for the image.
  16. Video. Click Select Video to view uploaded videos or paste the URL of the YouTube, Vimeo or Dailymotion video in the field provided. For more information about video backgrounds, see Video Backgrounds.


Background Image Slider

在图片选择器中选择多张图片后，点击完成。创建滑块后，从下拉菜单中选择幻灯片过渡，然后移动滑块以选择幻灯片速度（秒）。

Any of the other background image options such as Background Overlay, Positioning, and display style can be applied to the slider.


Note:

Background Image Sliders can be added to any column as well.


Customer Support Hours

Mon - Fri, 9 am to 9 pm (CT)

Sat, 9 am to 6 pm (CT)

(Chat Unavailable on Saturdays)

iClassPro offices will be closed in observance of the following holidays:
New Year's 2024 (Jan 1, 2024), Good Friday (March 29, 2024), Memorial Day (May 27, 2024), Independence Day (Jul 4, 2024) Labor Day (Sep 2, 2024), Thanksgiving (Nov 28 - 29, 2024), Christmas (Dec 24 - 25, 2024)

Visit the Customer Support Page


Share by: