Editor : How to Set the Curve of Different Corners on an Input Element

In this article, we will discuss how to set the curve of different corners on an input element. Unlike the All Corners tool which allows you to set the curve for all corners at once, this technique allows individual corners to have different curves. This will allow you to set custom shapes for your buttons in the ClickFunnels editor.

Prior to getting started, you will need to have the following:

• A page
• A section and row on the page
• An input element on the page

Step by Step Walk Through:

1. Go to the editor on the page on which you wish to change or set the corner curvature for the input element.
   
   
2. Mouse over the input and click on the gear icon.
   
3. In the input settings, scroll down until you find the Corner settings.
   
   
   
4. The Separate edges field will default to Disabled.  Click on Enabled to enable separate edges for corner curve settings.
   
   
   
5. You can now use the Separate Edge sliders to set the curve for different corners of the element.  Each slider corresponds to a different corner (such as “Top right” for the top right corner).  You can set these curves in two ways.
   
   1. Move the slider to the right to make the curve rounder, or to the left to make the curve sharper.
   2. Set a number in the field between 0 and 400 for a numerical value in pixels of the desired curve.
      
      
6. When satisfied with your changes, click anywhere outside of the pop-up window to close it.  Don’t forget to save your changes.
   
   
7. Congratulations!  You have successfully set the individual corners curve for the input element.

If you have any questions about this, please contact our Support Team by clicking on the Support Widget at the bottom right-hand corner of this page and start a conversation with our Team or click the Help button at the bottom left of the ClickFunnels Page to access the Product Documentation and more.