Edit rows, columns, or sections
You can edit the styles of an entire row, column, or section of elements. For example, you can center your content, apply a background image, or edit spacing around elements on your page.
To edit styles for a row, column, or section:
- In the page editor, hover over the row, column, or section, then click the arrow icon and select styles Style [row/column/section].
- To customize padding and margin around the row, column, or section, click Alignment and spacing in the sidebar editor.
- To edit a section's background, click Background in the sidebar editor and select a styling option:
- None: remove any background colors or images.
- Color: set a single color as the background. Enter a hex value, or click the color picker and select a color, then enter a transparency value.
- Image: set an image as the background. To add a new image, click Upload to add an image from your computer, or click Browse images to select an image from your files.
- Gradient: set two colors fading together as the background. Click the Direction dropdown menu and select a gradient direction. For each color, enter a hex value, or click the color picker and select a color, then enter a transparency value.
- To make a copy of an existing element, hover over the element and click the arrow icon, then select duplicate Copy [row/column/section].
- To delete an element from your page, hover over the element and click the arrow icon, then select delete Delete [row/column/section].
Add modules to your page
To add a module to your page, click the module in the sidebar editor, then drag the module over your page and drop it into position.