The Divi Border design options allow you to add and customize borders around a module. You can apply a border to all sides or individual sides, adjust its width, color, and style, and even round the corners for a polished look.
Where to Find the Border Options
Open the Module Settings: Click the gear icon or the module itself to access the settings.
Navigate to the Design Tab: Locate the Border option group.
Border Customization Settings
Rounded Corners: Choose the corner radius to create rounded edges.
Linked Values: By default, all corners are linked, ensuring the same radius for all.
Unlink Values: Click the chainlink icon to apply different radii to each corner.
Border Styles: Choose to apply a border to all sides or specific sides (top, right, bottom, left).
Border Width: Choose the width of the border using the slider or by entering a value. Borders must be at least 1px wide to appear.
Border Color: Choose a color for the border using your site’s palette or the color picker.
Border Style: Choose a style for the border. Options include:
Solid
Dashed
Dotted
Double
Groove
Ridge
Inset
Outset
None (to remove the border)
Tips for Using Border Options
Highlight Key Elements: Use borders to draw attention to specific modules or create visual separation.
Keep It Subtle: Stick with thinner borders and softer colors for a clean, modern look.
Experiment with Styles: For a creative or decorative touch, try different border styles (e.g., dashed or dotted).
Round Corners for Softness: Rounded corners can soften the appearance of your module and match modern design trends.