Row Editor

Change the row's background colour and image, add a border, or adjust the inner and outer spacing with the Row editor. Use rows to organise and arrange your website's content.

Make a backup of your site before you begin editing rows. This assures that if you make a mistake, you will be able to restore a prior version of your site. See Backup Sites for more information.




To set up a row:

1. Hover over the top left corner of a row until a row button appears, then click Row. The Row editor is shown.
2. To shift the current row up or down, use the Move row up and Move row down arrows.
3. Click Edit Design to launch the Row design editor. Row Design Editor has additional details. The Row design editor is shown.
4. Click +Add and choose from the following options:
5. Row above. Add a new row above the existing row.
6. Row below. Add a new row beneath the existing row.
7. Section. Add a new segment to the row.
8. Column. Add a column to the row.
9. Internal row. Add a row within the current row.
10. To clear the row's inner spacing, click Clear Padding.
11. Click Revert To Global Spacing in order to revert the spacing to what you defined in global spacing.
12. To add an entrance animation to the row (such as fade from the right, bounce in, or zoom in), click  Entrance Animation and choose the desired option.
13. To save the row as a section, select Save as Section and then choose whether to save simply the current row, several rows, or the entire page.
14. To hide the current row on a particular device (desktop, tablet, or mobile), click Hide On Device and then select the device.
15. Click Copy to duplicate the row.
16. To attach the row to the page or to remove an existing anchor, select Set As Anchor or Edit Anchor.
17. Click Delete.
    

Row Design Editor

To edit the row's background style or spacing:

1. Hover over the top left corner of a row until a row button appears, then select Row, followed by Edit Design.
2. On the Settings tab, the following choices are available:
3. Full-bleed row. Click the Full bleed row toggle to transform the row into a full bleed row, which allows content to cover the whole width of the screen. If you do not include full-bleed rows, the content width is restricted to 960px.
4. Select a Background Color, Image, or Video on the Style tab. Following are your options:
5. Color.
6. Choose a Background color. Image is superseded by gradient color, and vice versa.
7. Choose a Backdrop filter. You may apply visual effects like as blurring or color shading to the region behind an element using backdrop filters. To observe the effect, the element or its backdrop must be somewhat transparent, as it applies to everything behind the element. Choose a Filter Type from the drop-down menu and then use the slider to pick a Filter value.
8. Click Border to choose a border type, and then drag the slider to define the border width.
9. To add a shadow, click the Shadow toggle and choose the shadow's colour, type, and location.
10. Image
11. To add a background image, click + to reveal the image picker.
12. Select numerous photos from the image picker and go to the Background Image Slider to build a Background Image Slider.
13. Choose to display the image as a Cover, Full image, Tile, or No Repeat.
14. Click the Parallax scrolling option to enable parallax scrolling on a backdrop image. When enabled, material in the background scrolls more slowly than content in the front.
15. The Background Image Slider does not support parallax scrolling.
16. Set the image's Position, Background overlay, Border, and Shadow properties.
17. Video
18. In the area given, paste the URL of the YouTube, Vimeo, or Dailymotion video. See Video Backgrounds for additional information.
    

Background Image Slider

Click Done after selecting multiple images in the image picker. Set a Slide transition from the drop-down menu and move the slider to select a Slide speed (seconds) once the slider has been generated.

The slider can use any of the other background image options, including Background Overlay, Positioning, and display style.

Background Image Sliders may also be applied to any column.