Editing Add rows (section)

== Step-by-Step Instructions ==
To add a row to your page layout, follow these steps:

1. Open the page editor for your existing landing page or create a new one.
2. Locate the '''Row''' block in the right pane of the page editor.
3. Drag and drop the '''Row''' block to your desired location on the page layout.
4. Click on the row you just added to open editing options in the right pane.

=== Editing and Styling the "Row" Block ===
Once you have added a row, you can customize its appearance through several configuration options which can be found in three tabs: '''Column''', '''Row''', and '''Section'''. Here’s a breakdown of each:

==== Column Styling ====
1. **Width**: You can set the row width using either pixels (px) or a percentage (%).
2. **Background**: Customize your row's background by adding colors, gradients, images, or videos. These backgrounds will stack in the order you add them, and you can rearrange them by dragging and dropping.
3. **Inner Spacing**: Determine the spacing between blocks within the row by entering a value in the inner spacing field. This can affect the overall height of the row.
4. **Border**: Add borders using pixels and specify which sides should have the border (top, bottom, left, right). You can choose between styles such as solid, dashed, or dotted, and apply different colors.
5. **Corners**: Radius settings for corners can be adjusted in pixels or percentages, affecting the roundness of the borders.
6. **Drop Shadow**: Set drop shadows for the row, with adjustable Offset, Blur, and Spread.
7. **Inner Shadow**: Similar to drop shadows, you can configure inner shadows for a more nuanced design.

By default, rows are mobile responsive, meaning they automatically stack on mobile devices.

==== Row Styling ====
The row’s horizontal settings include options for:
- Selecting mobile visibility versus desktop visibility,
- Adjusting the appearance of the row on mobile,
- Setting background styles,
- Adjusting overall spacing, borders, and shadows.

==== Section Styling ====
Access the section settings where your row is located. You can:
- Assign an ID to the section,
- Choose visibility options,
- Configure background effects and spacing, as well as styling options similar to those available for the row.