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:
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.
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.
Separate Edges:
This setting will toggle the options for controlling each corner individually. Doing so will disable the All Corners option.
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.
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.
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.
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.
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
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article