How to Control Borders in GoHighLevel — Design Elements

If you've ever built a landing page or sales funnel in GoHighLevel, you know that the details matter. A sloppy border can make a professional design look amateurish. A well-crafted border strategy transforms your funnels from generic to branded.

Border control is one of the most underutilized design features in GoHighLevel's Page Builder. Most agencies skip right past it, missing an opportunity to add polish and visual hierarchy to their pages. Whether you're customizing button styles, creating distinct sections, or matching your brand's exact aesthetic, mastering borders is non-negotiable.

In this guide, I'll walk you through every border control option in GoHighLevel—from width adjustments to corner radius values to style selection. By the end, you'll have the precision design control you need to build stunning, on-brand funnels that convert.

Ready to take your design game to the next level? Start your FREE 30-day GoHighLevel trial and access all the design tools you need.

Understanding Border Control Basics in GoHighLevel

The Page Builder in GoHighLevel gives you granular control over borders on sections, rows, columns, buttons, cards, and other supported elements. Unlike drag-and-drop builders that limit your customization, GoHighLevel lets you adjust borders with pixel-perfect precision.

When you select any element that supports border styling, you'll find the border controls in the design panel. The interface is intuitive: you can control width, style, radius, and color all from one location. This centralized approach saves time and ensures consistency across your funnel.

The key to mastering border control is understanding that you have two options: apply uniform borders to all sides, or customize each side individually. This flexibility is what separates basic designs from truly professional funnels.

How to Adjust Border Width by Individual Sides

One of the most powerful border controls in GoHighLevel is the ability to set different widths for each side of an element. This opens up creative design possibilities you won't find in every page builder.

To adjust border width by individual sides:

1. Select the element you want to customize in the Page Builder
2. Navigate to the Design or Style panel
3. Locate the Border section
4. You'll see options for Top, Right, Bottom, and Left widths
5. Enter pixel values for each side independently (e.g., 2px top, 0px right, 2px bottom, 0px left)
6. Preview your changes in real-time

This feature is particularly useful when you want to create accent borders. For example, an underline effect (0px top, 0px right, 3px bottom, 0px left) draws attention to a CTA button without overwhelming the design. Similarly, a left accent border on a testimonial card creates visual hierarchy without framing the entire element.

When working with asymmetrical borders, remember that less is often more. A subtle 2-3px accent border outperforms a heavy 5px+ border on most modern designs.

Customizing Corner Radius for Branded Aesthetics

Corner radius is the border control feature that instantly signals whether your design feels modern or outdated. Sharp 90-degree corners create a formal, corporate look. Rounded corners feel friendly and contemporary. Most successful high-converting funnels use rounded corners strategically.

To customize corner radius in GoHighLevel:

1. Select your element in the Page Builder
2. Open the Border or Style settings
3. Find the Corner Radius or Radius section
4. You can apply uniform radius to all corners, or customize each corner individually
5. Values are measured in pixels (px)
6. Common values range from 4px (subtle) to 12px (pronounced roundness)

Most brands fall into one of two categories: sharp, minimal designs (2-4px radius) and soft, approachable designs (8-12px radius). Matching your corner radius to your brand voice ensures visual consistency across all your marketing materials.

An often-overlooked technique: use different radius values for different elements to create visual hierarchy. Buttons might have 6px radius, while cards have 8px, and section backgrounds have 4px. These subtle variations guide the eye through your page.

This is built into GoHighLevel. Try it free for 30 days →

Choosing Border Styles to Enhance Elements

GoHighLevel supports multiple border style options beyond the standard solid line. While solid borders are most common, understanding your style options gives you more design flexibility.

Available border styles typically include:

• Solid: The standard, continuous line. Works for 95% of designs.
• Dashed: Creates a playful, less formal appearance. Use sparingly for accent elements.
• Dotted: Even lighter than dashed. Best reserved for subtle dividers or secondary elements.
• Double: Two lines with a gap between. Creates a premium, decorative effect.

In practice, solid borders are your safest choice. They look professional, render consistently across browsers and devices, and don't distract from your content. Dashed and dotted styles can work for dividers between sections or accent borders on buttons, but they risk looking unprofessional if overused.

When in doubt, stick with solid. Your focus should be on border width, color, and radius—these three elements create 90% of the visual impact.

Selecting and Applying Border Color

Border color is your final control lever, and it's critical for brand alignment. A poorly chosen border color can undermine an otherwise excellent design.

Best practices for border color selection:

1. Match borders to your primary brand color for important elements like CTAs
2. Use lighter, muted versions of your brand color (add 30-40% white) for subtle borders
3. Consider using your secondary brand color for accent borders on testimonials, case studies, or secondary CTAs
4. Gray borders (#d0d0d0 to #e0e0e0) work universally for neutral dividers and section separators
5. Test contrast: ensure your border color is visible against the background without being harsh

In GoHighLevel, you can use the color picker to select from your brand palette or input custom hex codes. This integration with your overall design system ensures consistency across your entire funnel.

Real-World Border Applications in Page Builder Elements

Understanding border controls in isolation is useful, but seeing them in action makes the difference. Here are proven applications that convert:

CTA Buttons: Apply a 2px solid border in your brand color. Add rounded corners (6px). This creates visual emphasis without relying solely on background color, improving accessibility and visual interest.

Testimonial Cards: Use a 3px left accent border in your primary brand color with 8px corner radius. Keep the rest of the card borderless. This draws attention to social proof without overwhelming the design.

Section Dividers: A 1px solid gray border on top or bottom of a section creates clear visual separation. This is more elegant than relying on background color alone.

Image Containers: A subtle 1-2px border in a light gray (#e8e8e8) with 4px radius makes images feel intentional rather than floating on the page.

Form Input Fields: These benefit from a 1px border in your brand color with 4px radius. When users interact with the field, the border can shift to a darker shade (handled through interaction states) to provide feedback.

Each of these applications uses the same border tools but achieves different visual effects based on context, width, and color choices.