Editing Borders (section)

== Step-by-step instructions ==
Follow these steps to add and customize borders for your selected page blocks:

# **Select a block**: Click on the desired block in the page editor to make it active. The right pane will display various customization options for the selected block.
# **Activate sides**: You will see four sides (top, right, bottom, left) that you can activate for borders. When each side is active, it turns blue.
# **Set border width**: Adjust the '''border width''' using pixels as the unit. This width dictates how thick the border will appear.
# **Choose border color and opacity**: Click on the blue tile corresponding to the active side(s) to access the color options. The available colors are derived from your theme's color palette, allowing you to maintain consistency with your branding.
# **Select border style**: You can choose from three border styles: 
   - **Solid** (default)
   - **Striped**
   - **Dotted**
# **Activate corners**: Similar to the sides, you can activate the corners (top-left, top-right, bottom-left, bottom-right) by clicking them. When active, corners will also turn blue.
# **Adjust corner radius**: Use the '''Radius''' input field to set the curvature of the corners. This initial setting uses relative units (%), but you can switch to pixels (px) by clicking on the "%" label in the input field and selecting "px."
# **Manual adjustments**: Both the '''border''' and '''radius''' input fields allow for adjustments. You can click on them and drag the mouse left or right to increase or decrease values, or manually enter your desired values in the fields.