Skip to content
Sites

Border Control in Page Builder

Learn how to use Border Control in GHL Customer Care Page Builder to customize border color, width, sides, styles, and corner radius for supported elements.

3 min read589 words6 explained images
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
  1. Key Benefits of Border Control in Page Builder
  2. Border Settings Options
  3. How To Setup Border Control in Page Builder
  4. Frequently Asked Questions
  5. Related Articles

Border Control in the Page Builder gives you more flexibility when styling supported elements in Funnels and Websites. You can adjust border width by side, customize corner radius values and choose from various 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. This includes commonly used elements like buttons, images, and videos.

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 in Page Builder

  • More Precise Customization: Adjust border settings with greater control to match the exact look you want for each element.

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

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

  • More Visual Variety: Use additional border styles like double, groove, ridge, inset, and outset to add depth and design variation.

Border Settings Options

The border panel brings the most important border controls into one place, so you can style supported elements faster and with fewer manual workarounds. Understanding what each setting changes visually makes it easier to build the exact shape or framing effect you want.

Border Control is available for supported Page Builder elements, including Button, Image
Video Note: Supported elements can vary by builder context and feature rollout.

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

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

  • Border Sides: Lets you 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 Setup Border Control in Page Builder

  1. From within a Funnel or Website in Page Builder, select a supported element (for example, a Button, Image, or Video element).

    Step 1 of 6: From within a Funnel or Website in Page Builder, select a supported… What this shows Step 1 of 6: From within a Funnel or Website in Page Builder, select a supported element (for example, a Button, Image, or Video element). What this shows Shows what to choose for step 1 of 6 in the "How To Setup Border Control in Page Builder" section of "Border Control in Page Builder". This screenshot accompanies step 1 of 6 in the "How To Setup Border Control in Page Builder" section of "Border Control in Page Builder". At this point in the walkthrough you from within a Funnel or Website in Page Builder, select a supported element (for example, a Button, Image, or Video element). The next step is to in the right-hand sidebar, open the Styles tab then scroll to the Border panel. Step 1 of 6Image 1 of 6 What to chooseFrom within a Funnel or Website in Page Builder, select a supported element (for example, a Button, Image, or Video element).
    Buttons and menus referenced StylesBorderBorder StyleBorder ColorBorder SidesCorner RadiusSavePublish
    Next stepIn the right-hand sidebar, open the Styles tab then scroll to the Border panel.
    All 6 steps in this procedure
    1. From within a Funnel or Website in Page Builder, select a supported element (for example, a Button, Image, or Video element). this image
    2. In the right-hand sidebar, open the Styles tab then scroll to the Border panel.
    3. Select a Border Style and Border Color.
    4. Set your Border Sides values. Leave the values linked to use the same width on all sides or unlink them to set each side individually.
    5. Set your Corner Radius values. Leave the values linked to round all corners equally or unlink them to round each corner independently.
    6. Preview the element in the canvas and fine-tune the values as needed. Save and P ublish your changes when you are ready.

  2. In the right-hand sidebar, open the Styles tab then scroll to the Border panel.

    Step 2 of 6: In the right-hand sidebar, open the Styles tab then scroll to the… What this shows Step 2 of 6: In the right-hand sidebar, open the Styles tab then scroll to the Border panel. What this shows Shows where to go for step 2 of 6 in the "How To Setup Border Control in Page Builder" section of "Border Control in Page Builder". This screenshot accompanies step 2 of 6 in the "How To Setup Border Control in Page Builder" section of "Border Control in Page Builder". At this point in the walkthrough you in the right-hand sidebar, open the Styles tab then scroll to the Border panel. The next step is to select a Border Style and Border Color. Step 2 of 6Image 2 of 6 Where to goIn the right-hand sidebar, open the Styles tab then scroll to the Border panel.
    Buttons and menus referenced StylesBorderBorder StyleBorder ColorBorder SidesCorner RadiusSavePublish
    Next stepSelect a Border Style and Border Color.
    All 6 steps in this procedure
    1. From within a Funnel or Website in Page Builder, select a supported element (for example, a Button, Image, or Video element).
    2. In the right-hand sidebar, open the Styles tab then scroll to the Border panel. this image
    3. Select a Border Style and Border Color.
    4. Set your Border Sides values. Leave the values linked to use the same width on all sides or unlink them to set each side individually.
    5. Set your Corner Radius values. Leave the values linked to round all corners equally or unlink them to round each corner independently.
    6. Preview the element in the canvas and fine-tune the values as needed. Save and P ublish your changes when you are ready.

  3. Select a Border Style and Border Color.

    Step 3 of 6: Select a Border Style and Border Color What this shows Step 3 of 6: Select a Border Style and Border Color. What this shows Shows what to choose for step 3 of 6 in the "How To Setup Border Control in Page Builder" section of "Border Control in Page Builder". This screenshot accompanies step 3 of 6 in the "How To Setup Border Control in Page Builder" section of "Border Control in Page Builder". At this point in the walkthrough you select a Border Style and Border Color. For context, this section explains: From within a Funnel or Website in Page Builder, select a supported element (for example, a Button, Image, or Video element). In the right-hand sidebar, open the Styles tab then scroll to the Border panel. Select a Border Style and Border Color. Set your Border Sides values. Leave the values…. The next step is to set your Border Sides values. Leave the values linked to use the same width on all sides or unlink them to set each side individually. Step 3 of 6Image 3 of 6 What to chooseSelect a Border Style and Border Color.
    Buttons and menus referenced Border StyleBorder ColorStylesBorderBorder SidesCorner RadiusSavePublish
    Next stepSet your Border Sides values. Leave the values linked to use the same width on all sides or unlink them to set each side individually.
    All 6 steps in this procedure
    1. From within a Funnel or Website in Page Builder, select a supported element (for example, a Button, Image, or Video element).
    2. In the right-hand sidebar, open the Styles tab then scroll to the Border panel.
    3. Select a Border Style and Border Color. this image
    4. Set your Border Sides values. Leave the values linked to use the same width on all sides or unlink them to set each side individually.
    5. Set your Corner Radius values. Leave the values linked to round all corners equally or unlink them to round each corner independently.
    6. Preview the element in the canvas and fine-tune the values as needed. Save and P ublish your changes when you are ready.

  4. Set your Border Sides values. Leave the values linked to use the same width on all sides or unlink them to set each side individually.

    Step 4 of 6: Set your Border Sides values. Leave the values linked to use the same… What this shows Step 4 of 6: Set your Border Sides values. What this shows Shows what this covers for step 4 of 6 in the "How To Setup Border Control in Page Builder" section of "Border Control in Page Builder". This screenshot accompanies step 4 of 6 in the "How To Setup Border Control in Page Builder" section of "Border Control in Page Builder". At this point in the walkthrough you set your Border Sides values. Leave the values linked to use the same width on all sides or unlink them to set each side individually. The next step is to set your Corner Radius values. Leave the values linked to round all corners equally or unlink them to round each corner independently. Step 4 of 6Image 4 of 6 What this coversSet your Border Sides values. Leave the values linked to use the same width on all sides or unlink them to set each side individually.
    Buttons and menus referenced Border SidesStylesBorderBorder StyleBorder ColorCorner RadiusSavePublish
    Next stepSet your Corner Radius values. Leave the values linked to round all corners equally or unlink them to round each corner independently.
    All 6 steps in this procedure
    1. From within a Funnel or Website in Page Builder, select a supported element (for example, a Button, Image, or Video element).
    2. In the right-hand sidebar, open the Styles tab then scroll to the Border panel.
    3. Select a Border Style and Border Color.
    4. Set your Border Sides values. Leave the values linked to use the same width on all sides or unlink them to set each side individually. this image
    5. Set your Corner Radius values. Leave the values linked to round all corners equally or unlink them to round each corner independently.
    6. Preview the element in the canvas and fine-tune the values as needed. Save and P ublish your changes when you are ready.

  5. Set your Corner Radius values. Leave the values linked to round all corners equally or unlink them to round each corner independently.

    Step 5 of 6: Set your Corner Radius values. Leave the values linked to round all… What this shows Step 5 of 6: Set your Corner Radius values. What this shows Shows what this covers for step 5 of 6 in the "How To Setup Border Control in Page Builder" section of "Border Control in Page Builder". This screenshot accompanies step 5 of 6 in the "How To Setup Border Control in Page Builder" section of "Border Control in Page Builder". At this point in the walkthrough you set your Corner Radius values. Leave the values linked to round all corners equally or unlink them to round each corner independently. The next step is to preview the element in the canvas and fine-tune the values as needed. Save and P ublish your changes when you are ready. Step 5 of 6Image 5 of 6 What this coversSet your Corner Radius values. Leave the values linked to round all corners equally or unlink them to round each corner independently.
    Buttons and menus referenced Corner RadiusStylesBorderBorder StyleBorder ColorBorder SidesSavePublish
    Next stepPreview the element in the canvas and fine-tune the values as needed. Save and P ublish your changes when you are ready.
    All 6 steps in this procedure
    1. From within a Funnel or Website in Page Builder, select a supported element (for example, a Button, Image, or Video element).
    2. In the right-hand sidebar, open the Styles tab then scroll to the Border panel.
    3. Select a Border Style and Border Color.
    4. Set your Border Sides values. Leave the values linked to use the same width on all sides or unlink them to set each side individually.
    5. Set your Corner Radius values. Leave the values linked to round all corners equally or unlink them to round each corner independently. this image
    6. Preview the element in the canvas and fine-tune the values as needed. Save and P ublish your changes when you are ready.

  6. Preview the element in the canvas and fine-tune the values as needed. Save and Publish your changes when you are ready.

    Step 6 of 6: Preview the element in the canvas and fine-tune the values as needed… What this shows Step 6 of 6: Preview the element in the canvas and fine-tune the values as needed. What this shows Shows how to confirm for step 6 of 6 in the "How To Setup Border Control in Page Builder" section of "Border Control in Page Builder". This screenshot accompanies step 6 of 6 in the "How To Setup Border Control in Page Builder" section of "Border Control in Page Builder". At this point in the walkthrough you preview the element in the canvas and fine-tune the values as needed. Save and P ublish your changes when you are ready. Step 6 of 6Image 6 of 6 How to confirmPreview the element in the canvas and fine-tune the values as needed. Save and P ublish your changes when you are ready.
    Buttons and menus referenced SavePublishStylesBorderBorder StyleBorder ColorBorder SidesCorner Radius
    All 6 steps in this procedure
    1. From within a Funnel or Website in Page Builder, select a supported element (for example, a Button, Image, or Video element).
    2. In the right-hand sidebar, open the Styles tab then scroll to the Border panel.
    3. Select a Border Style and Border Color.
    4. Set your Border Sides values. Leave the values linked to use the same width on all sides or unlink them to set each side individually.
    5. Set your Corner Radius values. Leave the values linked to round all corners equally or unlink them to round each corner independently.
    6. Preview the element in the canvas and fine-tune the values as needed. Save and P ublish your changes when you are ready. this image

Frequently Asked Questions

Q: Can I edit each side of the border separately?
Yes. Use the link 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?
Border Control is available across Funnels and Websites.

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

Was this guide helpful?

Related guides

How to Add a Two‑Step Order Form to a Funnel5 min read · 12 imagesTracking Scripts/Pixel Code1 min readSEO Meta Data1 min readClick-To-Call, Click-To-Text, and Click-To-Email Links & Buttons for Websites and Funnels3 min read · 5 images