×

Element Settings: Corner

Modified on Thu, 16 Nov, 2023 at 1:34 PM

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:


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.

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: 

Back to Top

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article