In this article, we will discuss how to set the curve of different corners on a button. 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
- A button element on the page
Step by Step Walk Through:
- Go to the editor on the page on which you wish to change or set the corner curvature for the button element.
- Mouse over the button and click on the gear icon.
- In the button settings, scroll down until you find the heading Button style. Underneath the button style heading, click on the button labeled Override.
- Scroll down until you find the Corner settings. You will see an option for Separate Edges, which will default to Disabled. Click on the Enabled option to enable separate edges.
- 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.
- Move the slider to the right to make the curve rounder, or to the left to make the curve sharper.
- Set a number in the field between 0 and 400 for a numerical value in pixels of the desired curve.
- When satisfied with your changes, click anywhere outside of the pop-up window to close it. Don’t forget to save your changes.
- Congratulations! You have successfully set the individual corners curve for the button 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.
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