# Border Customization: Color, Radius, and Thickness

> The Border Customization feature allows you to fully control the appearance of borders on layouts. With this feature, you can adjust the color, radius…

- Source: https://docs.ghlcustomercare.com/docs/marketing/email-builder-capabilities/border-customization-color-radius-and-thickness
- Section: Marketing / Email Builder Capabilities
- Reading time: 1 min
- Images: 6, each explained below

---
The **Border Customization** feature allows you to fully control the appearance of borders on layouts. With this feature, you can adjust the **color, radius, and thickness** of borders to enhance your design and improve user experience.

**TABLE OF CONTENTS**

-   [Key Features](#Key-Features)
-   [How to Use Border Customization](#how-to-use-border-customization)
    -   [Step 1: Access the Border Customization Settings](#step-1-access-the-border-customization-settings)
    -   [Step 2: Customize Border Properties](#step-2-customize-border-properties)
    -   [Step 3: Preview & Save](#step-3-preview-and-save)
-   [FAQs](#faqs)
    -   [1\. Can I set different border styles for different sides?](#1-can-i-set-different-border-styles-for-different-sides-yes-you-can-do-that-in-t)
    -   [2\. Is this available for all elements?](#2-is-this-available-for-all-elements)
    -   [3\. Will border settings affect responsiveness?](#3-will-border-settings-affect-responsiveness)

## **Key Features**

-   **Border Color:** Choose and apply custom colors to borders using the color picker or hex code.
-   **Border Radius:** Adjust the roundness of corners to create sharp or curved edges.
-   **Border Thickness:** Set the width of the border for a subtle or bold effect.

## **How to Use Border Customization**

### **Step 1: Access the Border Customization Settings**

1.  Open the **GHL Customer Care Email Builder**.
2.  Select the layout/ section you want to customize 
3.  The Edit section opens in left panel.
4.  Navigate to the **"Border Settings"** section.
    
    
![Step 4 of 4: Navigate to the "Border Settings" section](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155042281814/original/FeLjqo7iJUcpq1T8a1QeBSXnLze7VjpEVA.png)

**Step 4 of 4: Navigate to the "Border Settings" section**

This screenshot accompanies step 4 of 4 in the "Step 1: Access the Border Customization Settings" section of "Border Customization: Color, Radius, and Thickness". At this point in the walkthrough you navigate to the "Border Settings" section.
- Where to go: Navigate to the "Border Settings" section.
- Controls: "Border Settings", GHL Customer Care Email Builder

Full procedure:

1. Open the GHL Customer Care Email Builder.
2. Select the layout/ section you want to customize
3. The Edit section opens in left panel.
4. Navigate to the "Border Settings" section.  <- this image

    

### **Step 2: Customize Border Properties**

-   **Border Color:** Click the color box to select a color.
    
    
![Step 1 of 4: Border Color: Click the color box to select a color](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155042281837/original/PA09tpInfbbCTA4qluDHgUKgvg41kh6PIA.png)

**Step 1 of 4: Border Color: Click the color box to select a color**

This screenshot accompanies step 1 of 4 in the "Step 2: Customize Border Properties" section of "Border Customization: Color, Radius, and Thickness". At this point in the walkthrough you border Color: Click the color box to select a color. The next step is to border Radius: Use the slider or input a value to round the edges.
- What to choose: Border Color: Click the color box to select a color.
- Next: Border Radius: Use the slider or input a value to round the edges.

Full procedure:

1. Border Color: Click the color box to select a color.  <- this image
2. Border Radius: Use the slider or input a value to round the edges.
3. Border Thickness: Adjust the width using the slider or by entering a numeric value.
4. Customise for an edge: The user can customise it for a specific edge

    
-   **Border Radius:** Use the slider or input a value to round the edges. 
-   **Border Thickness:** Adjust the width using the slider or by entering a numeric value.
    
    
![Step 3 of 4: Border Thickness: Adjust the width using the slider or by entering a…](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155042281895/original/fYmuvrPvsNFgANFL76G-wKO0Fh4SOTzpSw.png)

**Step 3 of 4: Border Thickness: Adjust the width using the slider or by entering a…**

This screenshot accompanies step 3 of 4 in the "Step 2: Customize Border Properties" section of "Border Customization: Color, Radius, and Thickness". At this point in the walkthrough you border Thickness: Adjust the width using the slider or by entering a numeric value. The next step is to customise for an edge: The user can customise it for a specific edge.
- What this covers: Border Thickness: Adjust the width using the slider or by entering a numeric value.
- Next: Customise for an edge: The user can customise it for a specific edge

Full procedure:

1. Border Color: Click the color box to select a color.
2. Border Radius: Use the slider or input a value to round the edges.
3. Border Thickness: Adjust the width using the slider or by entering a numeric value.  <- this image
4. Customise for an edge: The user can customise it for a specific edge

    
-   **Customise for an edge:** The user can customise it for a specific edge
    
    
![Step 4 of 4: Customise for an edge: The user can customise it for a specific edge](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155042281913/original/LO3pd1COb9-Eg6LK2tbFsspisd-yP851rw.png)

**Step 4 of 4: Customise for an edge: The user can customise it for a specific edge**

This screenshot accompanies step 4 of 4 in the "Step 2: Customize Border Properties" section of "Border Customization: Color, Radius, and Thickness". At this point in the walkthrough you customise for an edge: The user can customise it for a specific edge.
- What this covers: Customise for an edge: The user can customise it for a specific edge

Full procedure:

1. Border Color: Click the color box to select a color.
2. Border Radius: Use the slider or input a value to round the edges.
3. Border Thickness: Adjust the width using the slider or by entering a numeric value.
4. Customise for an edge: The user can customise it for a specific edge  <- this image

    

### **Step 3: Preview & Save**

-   Instantly preview the changes in the editor or send a test email
    
    
![Step 1 of 2: Instantly preview the changes in the editor or send a test email](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155042281928/original/-hyz67B98dZMe-wBEVO_72Lliz7V0DJJjw.png)

**Step 1 of 2: Instantly preview the changes in the editor or send a test email**

This screenshot accompanies step 1 of 2 in the "Step 3: Preview & Save" section of "Border Customization: Color, Radius, and Thickness". At this point in the walkthrough you instantly preview the changes in the editor or send a test email. The next step is to click "Save" to apply changes.
- What this covers: Instantly preview the changes in the editor or send a test email
- Controls: "Save"
- Next: Click "Save" to apply changes.

Full procedure:

1. Instantly preview the changes in the editor or send a test email  <- this image
2. Click "Save" to apply changes.

    
    
![Step 1 of 2: Instantly preview the changes in the editor or send a test email](https://s3.amazonaws.com/cdn.freshdesk.com/data/helpdesk/attachments/production/155042281994/original/DsUYpmiWq9uE6oU1897c7amNk7gnS5957g.png)

**Step 1 of 2: Instantly preview the changes in the editor or send a test email**

This screenshot accompanies step 1 of 2 in the "Step 3: Preview & Save" section of "Border Customization: Color, Radius, and Thickness". At this point in the walkthrough you instantly preview the changes in the editor or send a test email. The next step is to click "Save" to apply changes.
- What this covers: Instantly preview the changes in the editor or send a test email
- Controls: "Save"
- Next: Click "Save" to apply changes.

Full procedure:

1. Instantly preview the changes in the editor or send a test email  <- this image
2. Click "Save" to apply changes.

    
-   Click **"Save"** to apply changes.

## **FAQs**

#### **1\. Can I set different border styles for different sides?**  
Yes, you can do that in the correct implementation

### **2\. Is this available for all elements?**

No, available only in layouts

### **3\. Will border settings affect responsiveness?**

No, border settings automatically adapt to different screen sizes.

---

Documentation for GHL Customer Care. Support: support@ghlcustomercare.com