Skip to content
Marketing

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…

1 min read295 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 Features
  2. How to Use Border Customization
  3. Step 1: Access the Border Customization Settings
  4. Step 2: Customize Border Properties
  5. Step 3: Preview & Save
  6. FAQs
  7. 2. Is this available for all elements?
  8. 3. Will border settings affect responsiveness?

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

  • 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 What this shows Step 4 of 4: Navigate to the "Border Settings" section. What this shows Shows where to go for step 4 of 4 in the "Step 1: Access the Border Customization Settings" section of "Border Customization: Color, Radius, and Thickness". 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. Step 4 of 4Image 1 of 6 Where to goNavigate to the "Border Settings" section.
    Buttons and menus referenced "Border Settings"GHL Customer Care Email Builder
    All 4 steps in this 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 What this shows Step 1 of 4: Border Color: Click the color box to select a color. What this shows Shows what to choose for step 1 of 4 in the "Step 2: Customize Border Properties" section of "Border Customization: Color, Radius, and Thickness". 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. Step 1 of 4Image 2 of 6 What to chooseBorder Color: Click the color box to select a color. Next stepBorder Radius: Use the slider or input a value to round the edges.
    All 4 steps in this 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… What this shows Step 3 of 4: Border Thickness: Adjust the width using the slider or by entering a numeric value. What this shows Shows what this covers for step 3 of 4 in the "Step 2: Customize Border Properties" section of "Border Customization: Color, Radius, and Thickness". 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. Step 3 of 4Image 3 of 6 What this coversBorder Thickness: Adjust the width using the slider or by entering a numeric value. Next stepCustomise for an edge: The user can customise it for a specific edge
    All 4 steps in this 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 What this shows Step 4 of 4: Customise for an edge: The user can customise it for a specific edge What this shows Shows what this covers for step 4 of 4 in the "Step 2: Customize Border Properties" section of "Border Customization: Color, Radius, and Thickness". 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. Step 4 of 4Image 4 of 6 What this coversCustomise for an edge: The user can customise it for a specific edge
    All 4 steps in this 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 What this shows Step 1 of 2: Instantly preview the changes in the editor or send a test email What this shows Shows what this covers for step 1 of 2 in the "Step 3: Preview & Save" section of "Border Customization: Color, Radius, and Thickness". 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. Step 1 of 2Image 5 of 6 What this coversInstantly preview the changes in the editor or send a test email
    Buttons and menus referenced "Save"
    Next stepClick "Save" to apply changes.
    All 2 steps in this 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 What this shows Step 1 of 2: Instantly preview the changes in the editor or send a test email What this shows Shows what this covers for step 1 of 2 in the "Step 3: Preview & Save" section of "Border Customization: Color, Radius, and Thickness". 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. Step 1 of 2Image 6 of 6 What this coversInstantly preview the changes in the editor or send a test email
    Buttons and menus referenced "Save"
    Next stepClick "Save" to apply changes.
    All 2 steps in this 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.

Frequently asked questions

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.

Was this guide helpful?

Related guides

@Mention or Tag Profile in Posts from Social Planner2 min read · 4 imagesAdd Location Tagging to Social Post1 min read · 9 imagesAdd Pinterest Pins in Social Planner4 min read · 8 imagesSocial Planner - How to Add Multiple Watermarks4 min read · 8 images