Advanced Settings of a Row
The advanced settings allow users to customize the size, spacing, borders, corners, shadows, and responsiveness of a box.
To modify advanced settings, follow these steps:
- Click on the designated icon to access advanced settings.
.png?width=688&height=350&name=Untitled%20design%20(13).png)
- Adjust the height and width settings to resize the box. In the example above, we adjusted the row width and height to better accommodate the content.
-
Use the Spacing menu by adding padding and margins to adjust spacing around content. For example, in the video below, margin enhances the text block appearance.
- Click on the border label to style borders with options for thickness, color, and style to enhance the box's appearance and define its boundaries.
- Adjust the Corner property to add a border-radius or rounded corners to customize the box's appearance.
- Adding shadows to the background of a row not only increases its visibility but also enhances its visual appeal.
- x-offset: Horizontal distance of shadow from object, defining X-axis position.
- y-offset: Vertical distance of shadow from object, determining its Y-axis position.
- Blur: The extent to which the edges of a shadow are blurred.
- Spread: Defines how much the shadow expands or contracts in relation to the object's size.
-
Users also have the option to show or hide specific content by Adjusting the Visibility Settings within the Responsiveness label.