Element Settings: Corner

This article will cover Corner settings available for elements on your pages. Corner settings allow you to customize the curvature of the corners of an element.

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

Requirements:

• An active ClickFunnels 2.0 account
• A page with at least one of the supported elements

Table of Contents:

• Style
• All Corners
• Separate Edges
• Top Left
• Top Right
• Bottom Left
• Bottom Right

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

All Corners:

This setting directly controls the curvature of all corners at the same time. You can switch between a percentage or pixel unit by clicking the unit icon.

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

Important Note: This setting is only available if Separate Edges is Disabled.

Back to Top

Separate Edges:

This setting will toggle the options for controlling each corner individually. Doing so will disable the All Corners option.

Back to Top

Top Left:

This setting directly controls the curvature of just the top-left corner. You can switch between a percentage or pixel unit by clicking the unit icon.

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

Important Note: This option is only available if Separate Edges are Enabled.

Back to Top

Top Right:

This setting directly controls the curvature of just the top-right corner. You can switch between a percentage or pixel unit by clicking the unit icon.

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

Important Note: This option is only available if Separate Edges are Enabled.

Back to Top

Bottom Left:

This setting directly controls the curvature of just the bottom-left corner. You can switch between a percentage or pixel unit by clicking the unit icon.

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

Important Note: This option is only available if Separate Edges are Enabled.

Back to Top

Bottom Right:

This setting directly controls the curvature of just the bottom-right corner. You can switch between a percentage or pixel unit by clicking the unit icon.

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

Important Note: This option is only available if Separate Edges are Enabled.

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 Lessons: Image
• Course Lessons: Video
• Products: Image
• Flex Containers

Back to Top