GoHighLevel Border Customization Guide

ClickUp users who are moving their workflow into GoHighLevel often want the same precise design control they are used to. This guide explains how to customize border color, radius, and thickness inside the GoHighLevel funnel and website builder so your sections, rows, and elements match your branding.

Using the built-in border controls, you can add subtle outlines, rounded corners, and thicker accents without any custom code. Follow the steps below to configure borders consistently across your pages.

Where to Find Border Controls in GoHighLevel

In the GoHighLevel page builder, border settings live inside the element styling panel. You can adjust borders for:

• Sections
• Rows (columns)
• Individual elements such as buttons, images, and forms

Each of these has its own Style tab where you can control appearance, including borders, background, typography, and spacing.

Opening the GoHighLevel Page Builder

Before changing any border settings, open the correct page or funnel step in GoHighLevel:

1. Log in to your GoHighLevel account.
2. From the left sidebar, choose the site type you want to edit:
   • Funnels for funnel steps
   • Websites for standard pages
3. Select the funnel or website.
4. Click the specific step or page you want to style.
5. Hit the Edit or Edit Page button to open the visual builder.

Once the builder opens, you can choose the exact section, row, or element whose border you want to customize.

How to Edit Border Settings in GoHighLevel

Border options appear in the style controls for each block on the canvas. The following steps apply to most elements in GoHighLevel.

1. Click the section, row, or element on the canvas to select it.
2. In the settings panel (usually on the left), go to the Style tab.
3. Scroll until you find the Border section.

Depending on the element type, you may see controls for border color, radius, thickness, position, and style.

Adjusting Border Color in GoHighLevel

Border color is used to match the outline of a block with your brand palette or page theme. To set or change the color:

1. Select your section, row, or element.
2. Open the Style tab.
3. Locate the Border Color option.
4. Click the color picker box.
5. Choose a color from the palette or enter a specific HEX or RGBA value.

Tips for choosing border colors:

• Use a slightly darker shade of your background color for subtle dividers.
• Match your brand’s primary or accent color for call-to-action boxes.
• Avoid very bright borders around large sections to keep the layout clean.

Customizing Border Radius in GoHighLevel

Border radius controls how rounded the corners of an element appear. A higher value means more rounded corners, and a value of zero means sharp, square corners.

Steps to Change Border Radius in GoHighLevel

1. Click the element (for example, a box, button, or image container).
2. Go to the Style tab.
3. Find the Border Radius field or slider.
4. Increase the value to round corners or decrease it for sharper corners.

Many elements allow you to set radius for:

• All corners together (linked values)
• Each corner individually (top-left, top-right, bottom-right, bottom-left)

Consistent border radius creates a unified visual style across your GoHighLevel pages, especially for buttons, cards, and form containers.

Editing Border Thickness in GoHighLevel

Border thickness determines how visible and bold the outline of an element is. It is usually measured in pixels (px).

Steps to Change Border Thickness

1. Select the section, row, or element whose border you want to modify.
2. Open the Style tab.
3. Look for Border Size or Border Width.
4. Enter a numeric value (for example, 1, 2, 4) or use the slider, if available.

Practical guidelines:

• 1–2px: subtle, light borders for cards and containers
• 3–4px: more prominent outlines for key sections or notices
• 5px and above: strong visual emphasis; use sparingly to avoid clutter

Choosing Border Sides in GoHighLevel

GoHighLevel border controls often allow you to select which sides of an element have borders. This is helpful for creating separators or underlines.

How to Apply Borders to Specific Sides

1. Select your element in the builder.
2. In the Style > Border area, look for side selector icons (top, right, bottom, left).
3. Click the sides you want to enable or disable.
4. Adjust color, thickness, and radius as needed.

Use cases:

• Bottom-only border for underlined headings.
• Left-only border for timeline or feature lists.
• Top-only border to separate sections.

Border Style Options in GoHighLevel

In addition to color and thickness, some elements offer different border styles. Depending on the element, you may see options such as:

• Solid – standard continuous line
• Dashed – broken line with spaced dashes
• Dotted – line made of small dots

To change the border style:

1. Highlight the target element.
2. Open the Style tab.
3. Locate the Border Style dropdown or selector.
4. Choose the preferred style (solid, dashed, dotted, etc.).

Best Practices for Consistent Borders in GoHighLevel

To maintain a professional, cohesive design across your funnels and websites, keep these recommendations in mind:

• Define a small set of standard border sizes (for example, 1px and 3px).
• Use consistent border radius values for all cards and buttons.
• Limit the number of different border colors to your primary brand palette.
• Use borders primarily to group content or highlight important elements, not on every block.

Aligning these settings at the page or funnel level ensures your GoHighLevel assets look polished and on-brand.

Troubleshooting Border Issues in GoHighLevel

If your border changes are not appearing as expected, try the following checks:

• Confirm you have the correct element selected (section vs. row vs. inner element).
• Ensure the border color is not identical to the background color.
• Verify that thickness (size) is greater than 0.
• Check that the right sides (top, right, bottom, left) are enabled.
• Preview the page in a new tab to see the live result.

Also review any custom CSS you may have added elsewhere that could be overriding the default border settings.

Learn More About GoHighLevel Border Controls

You can view the original documentation on border customization directly in the official knowledge base here: GoHighLevel Border Customization: Color, Radius, and Thickness. It summarizes how to access these options inside the builder and confirms which areas they apply to.

For additional strategy, implementation help, and advanced funnel design services using GoHighLevel, you can also visit Consultevo for expert consulting resources.

By following the steps in this guide and applying consistent styles across your elements, you can use GoHighLevel to create clean, branded layouts with precisely tuned borders on every funnel step and website page.

Need Help With ClickUp?

If you want expert help building, automating, or scaling your GHL , work with ConsultEvo — trusted GoHighLevel Partners.

Scale GoHighLevel

“`