Element Settings: Input Borders

This article will review the Input Borders feature from the Checkout General Styles component inside the Smart Checkout settings. The Input Borders feature lets you add and edit the style of the borders from the input boxes inside your checkout element.

Requirements: 

• An active ClickFunnels 2.0 account
• A ClickFunnels page
• The Smart Checkout element

TABLE OF CONTENTS

• Border Width:
• Border Color:
• Corners:
• Supported Elements:

Border Width:

The Border Width feature allows you to change the thickness of the borders from the input boxes inside the Smart Checkout element.

This image shows how the borders would look like if we changed the border width to 17 px:

Back to Top

Border Color:

The Border Color feature allows you to change the color of the borders from the input boxes inside the Smart Checkout element.

In this example, we changed the color of the same checkout element we used for our previous example to color red:

Back to Top

Corners:

The Corners feature allows you to add a round shape to the corners of the borders from the input boxes inside the Smart Checkout element. You can adjust it from 0 to 20 px, where 0 adds no round shape to the corners, and 20 px makes the corners' shape go round the most.

Here’s an example of the same checkout element we’ve been using; now we changed the corners to 20 px:

Back to Top

Supported Elements:

This setting can be found in the following Elements: 

• Order Element: Smart Checkout 

Back to Top