Element Settings: Border

This article will cover Border settings that are available for elements on your pages. Borders add a visual separator to the edge of elements, helping to make them stand out or be more visible.

Important Note: Border settings must be enabled by clicking on the toggle.

Requirements:

• An active ClickFunnels 2.0 account.
• A page.
• At least one of the supported elements.

Table of Contents

• Style
• Borders
• Border Style
• Color
• Stroke Size

Style:

Pick between one of the preset styles that are defined in your active Style Guide.

Choosing a preset style will disable all manual settings. However, you will have the option to either edit the style for the whole Style Guide or simply override individual settings for the selected style for this element only.

Back to Top

Borders:

Toggle the border for each edge of the element. Clicking on the center option will toggle all edges.

Important Note: Toggling every edge off will disable the border.

Back to Top

Border Style:

Choose the type of border to use.

1. Solid
   
2. Dashed
   
3. Dotted
   

Back to Top

Color:

Click on the color bar to adjust the border color and opacity of the border.

Back to Top

Stroke Size:

Set the thickness of the border.

To adjust the Stroke Size, drag the slider or enter a number into the field to the right.

Important Note: Setting the Stroke Size to an invalid value or zero will disable the border.

Back to Top

Supported Elements:

This setting can be found in the following Elements: 

• General: Image
• General: Video
• General: Video Popup
• General: Input
• General: Textarea
• General: Countdown
• Content Blocks: Progress Bar
• Order: Summary
• Order: Confirmation
• Order: Checkout
• Order: Checkout 2-step
• Blog Posts: Image
• Download: Download Image
• Course: Contact Profile
• Course: Image
• Course Modules: Image
• Course: Course Sidebar
• Course: Lessons: Image
• Course: Lessons: Video
• Products: Image
• Flex Containers

Back to Top