Enhanced Border Controls in GoHighLevel Page Builder (Per-Side + Per-Corner)

Border controls are now built for the way people actually design pages. Instead of fighting the old settings, you get one improved Border section that feels the same across supported elements in the Page Builder.

First, you can set border width per side. That means you can make only the top border thicker for a clean section divider, or add a left border to create a simple “highlight bar” style on a text block. No more settling for “all sides the same” when that is not what your layout needs.

Second, you can set border radius per corner, not just one radius for the whole element. This is great for modern card designs, tab-style sections, and button blocks where you want one side rounded and the other side squared. You also get five extra border styles: double, groove, ridge, inset, and outset. These help you create subtle depth or stronger callouts without adding extra elements. And if you have older pages built with the previous border settings, they will still work correctly.

Border controls matter because design details affect trust. When a page looks clean and consistent, people stay longer, read more, and click more. When borders look uneven or random, the page feels off, even if the copy is good.

This update also saves time. Per-side width and per-corner radius means you can build common layouts faster. Think pricing cards, feature boxes, FAQ sections, and callout blocks. You can create those looks with simple settings instead of extra elements or custom CSS.

It also makes teamwork easier. If you have a VA, a designer, or a junior builder editing pages, a consistent Border section reduces mistakes. And since older pages still keep their original settings, you can improve new builds without risking the styles on pages that are already live.

The new Border controls are used inside the Website and Funnel Builder while editing a page. You’ll click an element, open the Border section in Style settings, then set border width, radius, style, and color.

Here are the steps to update borders using the improved Border controls in GoHighLevel.

• Access the Funnel or Website page inside GHL Sites.
• Open the Page Builder for the page you want to edit.
• Select an element that supports Border controls.
• Open the Border controls section.
• Set border width per side.
• Set border radius per corner.
• Choose border style and border color.
• Preview and publish the page.

To start make sure you are logged in to your GoHighLevel sub-account.

• The Main Menu on the left side of your screen has all the main areas that you work in when using GHL.

1.1 Click Sites main menu item.

• This opens the Sites section where you can access Websites, Funnels, Stores, and more.

1.2 Click Funnels or Websites.

• If you are editing a funnel step, choose Funnels.
• If you are editing a main website page, choose Websites.
• This opens the list of Funnels or Websites you can edit.

1.3 Click the Funnel or Website name you want to update.

• For our example we will use a Website.
• This opens the pages list for that Website.

2.1 Find the page you want to update.

2.2 Click Edit for that page.

• The Page Builder will load for that page.

3.1 Click the element you want to style.

• Start with a Section, Row, Column, Button, or Image container.

3.2 Look for the element settings panel on the left.

• This is where you will find Style settings for that element.

3.3 Click the Style settings for the element.

• You should now see styling sections like Spacing, Background, Border, and more.

4.1 Scroll in Style settings until you see Border.

4.2 Click Border to expand the panel.

• This opens the improved Border controls area for that element.

4.3 Confirm you can see options for width, style, color, and radius.

• If you do not see Border, try clicking a different element that supports borders.

5.1 Find the border width controls.

• If the sides are linked, all sides will change together.

5.2 Turn on per-side control if you see a link or unlink option.

• This lets you change Top, Right, Bottom, and Left separately.

5.3 Set the border width for the side you want to change.

• For a clean divider, set only the Top border width.
• For a callout style, set only the Left border width.

5.4 If you want a full outline border, set all four sides to the same number.

• This creates a consistent border around the element.

6.1 Find the border radius controls.

• If corners are linked, all corners will round the same amount.

6.2 Turn on per-corner control if you see a link or unlink option.

• This lets you set Top Left, Top Right, Bottom Right, and Bottom Left separately.

6.3 Set radius values for the corners you want to round.

• For a card look, round only the top corners.
• For a modern block style, round only one side.

6.4 Keep the radius consistent across similar elements.

• This helps the page feel clean and intentional.

7.1 Open the border style dropdown.

7.2 Select the style you want to use.

• You can use solid or dashed, or try the newer styles like double, groove, ridge, inset, and outset.

7.3 Set the border color.

• Use a brand color for accents or a light gray for clean layout borders.

7.4 If a border style looks too heavy, reduce the width and lighten the color.

• These styles look best when they are subtle.

8.1 Preview the page on desktop.

• Make sure the border looks clean and lines up with spacing.

8.2 Switch to mobile preview and check border thickness.

• Borders can feel too thick on mobile if the width is high.

8.3 Click Save, then publish or update the page.

• Your Border controls changes will now be live.

Border controls can make a page look clean fast, but only if you use them with some discipline. If every box has a border, nothing stands out. Use borders to guide the eye, not to decorate everything.

A simple win is using one-side borders as dividers. Set a top border on a section to separate content, or a left border on a text block to create a quick “note” style. It’s faster than adding extra elements, and it stays consistent when you duplicate sections.

When you test new Border controls, keep things tight. Pick one or two border widths and reuse them. Keep the corner radius consistent across the page. If you try groove, ridge, inset, or outset, go thin and use lighter colors. And always check mobile before you publish because thick borders can look clunky on a small screen.

Border controls might sound like a small design detail, but they affect how “finished” your pages feel. When your borders are consistent, your pages look more professional. That makes it easier for visitors to trust the offer, and it makes clients trust your work.

For agencies, this also means faster builds and faster edits. You can create clean pricing boxes, feature sections, and callout areas without extra blocks or custom CSS. When a client asks for a “quick polish,” you can fix spacing, borders, and corners in minutes instead of rebuilding sections.

It also helps with team handoff. If a VA or designer jumps into a page, they are more likely to make clean changes because the Border controls work the same way across supported elements. And since older pages keep working with their original border settings, you can improve new pages without worrying about breaking old ones.

Border controls are now easier to fine-tune, and that’s a real win if you build pages often. You can set border width per side, round corners individually, and use the new border styles when you need a little extra emphasis. It’s all in one consistent Border section, so editing feels more predictable.

This update also keeps things safe. Older pages built with the previous border settings will still display correctly, so you can improve new designs without worrying about breaking live pages.

Now do a quick test on one active funnel or website page. Pick one section, tighten up the borders, check mobile, then publish. Small changes like this make your pages look more polished, and that helps conversions.