Styling Borders: Per-Side Widths, Corners and Styles

The Border panel gives you one place to frame buttons, images, videos and other supported elements, from a thin accent line to a heavy outlined box.

Style an Element's Border

1. Open a funnel or website page and select a supported element.
2. In the right sidebar, open the Styles tab and scroll to Border.
3. Choose a Border Style and Border Color.
4. Set Border Sides. Keep the values linked for one shared width, or click the link icon to unlink and set top, right, bottom and left separately.
5. Set Corner Radius the same way. Linked values round every corner equally, and unlinked values let you shape each corner independently.
6. Check the result on the canvas, fine-tune, then Save and publish.

What the Options Let You Do

• Styles beyond solid: double, groove, ridge, inset and outset add depth.
• Single-side borders: use a bottom-only border as a divider or a left-only border as an accent bar beside a quote.
• Custom corner shapes: round only the top corners for a tab effect, or make a fully pill-shaped button.

Support varies by element and may expand over time. Existing pages that use older border settings keep working, and the panel is available in both funnels and websites.

Related Controls

Pair borders with container size, shadows and background gradients for a consistent card or button style. Use your brand colors from the color picker so borders match the rest of the page.

Good to know: Subtle one-pixel borders in a soft neutral shade usually look more polished than heavy dark outlines.