Element Settings: Colors

This article will cover the Colors feature from the Checkout Steps Component in the Smart Checkout Element. The Colors feature allows you to change the color scheme from the checkout steps section in the Smart Checkout element. 

Requirements: 

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

TABLE OF CONTENTS

• Color Step Selector:
• Background:
• Headline:
• Subheadline:
• Number BG:
• Number Text:
• Supported Elements:

Color Step Selector:

The Step Direction feature allows you to switch between the color settings from the Active and Inactive Steps of the Steps section of your Smart Checkout element.

This feature will not change anything on your page by itself, but it will display the current color scheme of the selected step. We’ll break down the options available next.

Back to Top

Background:

The Background feature allows you to change the background of the selected step.

This is an example of how changing the “Active Step” background to blue would look in your funnel:

Back to Top

Headline:

The Headline feature allows you to change the headline font color of the selected step.

This is an example of how changing the “Active Step” headline color to red would look in your funnel:

Back to Top

Subheadline:

The Subheadline feature allows you to change the subheadline font color of the selected step.

This is an example of how changing the “Active Step” subheadline color to blue would look in your funnel:

Back to Top

Number BG:

The Number BG feature allows you to change the step circle background color of the selected step.

This is an example of how changing the “Active Step” subheadline color to blue would look in your funnel:

Back to Top

Number Text:

The Number Text feature allows you to change the circled step number of the selected step.

This is an example of how changing the “Active Step” number text color to white would look in your funnel:

Back to Top

Supported Elements:

This setting can be found in the following Elements: 

• Order Element: Smart Checkout 

Back to Top