Border Control in the Page Builder gives you more flexibility when styling supported elements in Funnels and Websites. You can adjust border width per side, customize corner radius, and choose from multiple border styles.


TABLE OF CONTENTS


What is Border Control in Page Builder?


Border Control lets you customize how borders appear on supported Page Builder elements from one centralized panel. You can adjust border style, color, side-specific width, and corner radius to create anything from subtle accents to more defined visual frames. This makes it easier to build polished, consistent designs without relying on manual workarounds.


Key Benefits of Border Control


  • More precise customization: Adjust border settings with greater control to match the exact look you want.

  • Independent side styling: Set different border widths on each side to create accents, dividers, or custom framing effects.

  • Custom corner shaping: Apply different corner radius values to create softer layouts or more distinctive shapes.

  • More visual variety: Choose additional border styles like double, groove, ridge, inset, and outset to add depth and design variation.

Border Settings Available


The Border panel brings key border controls into one place, so you can style supported elements faster and with fewer workarounds.

  • Border Style: Changes the visual appearance of the border.

  • Border Color: Sets the color used for the border.

  • Border Sides: Apply one width value to all sides, or unlink the values to control the top, right, bottom, and left borders separately.

  • Corner Radius: Adjust the roundness of corners with one shared value, or unlink the values to round each corner independently.

How to Set Border Control Settings


  1. Open a Funnel or Website in the Page Builder.



  2. Select a supported element that includes border settings.



  3. In the right-hand sidebar, open the Styles tab and scroll to the Border panel.



  4. Choose a Border Style and Border Color.



  5. Set your Border Sides values. Keep values linked to use the same width on all sides, or unlink to set each side individually.



  6. Set your Corner Radius values. Keep values linked to round all corners equally, or unlink to customize each corner independently.



  7. Preview the element on the canvas, fine-tune the values, then Save and Publish when ready.


Frequently Asked Questions


Q: Can I edit each side of the border separately?
Yes. Use the link/unlink icon in Border Sides to switch from one shared value to individual values for each side.


Q: Will this affect my existing pages?
No. Existing pages that use older border settings continue to work normally.


Q: Is Border Control available in both Funnels and Websites?
Yes. Border Control is available across Funnels and Websites.


Q: Can I edit each corner radius separately?
Yes. Use the link/unlink icon in Corner Radius to set each corner independently.