Element Settings: Header

In this article, we will discuss the Header Settings. Personalize the design of the text and color of the selected element using the available options in the Header Settings. This option is a great way to add your personal touch to your page.

Important Note: This setting is exclusive to the selected element. Please ensure that the correct element is selected when customizing this setting.

Requirements: 

• An active ClickFunnels 2.0 account

• The selected element

TABLE OF CONTENTS

• Font Family:
• Active BG (Background):
• Active Text:
• Inactive BG (Background):
• Inactive Text:
• Active Step BG (Background):
• Active Step Text:
• Step BG (Background):
• Step Text:
• Supported Elements:

Font Family:

Select the font style of the header of the selected element with Font Family. Click the button next to “Font Family,” then proceed to select your preferred font.

Example:

Back to Top

Active BG (Background):

Use Active BG (Background) to adjust the background color of the active step a visitor is in during the checkout process. Click the color bar next to “Active BG,” then select the desired color of your active step.

Example:

Back to Top

Active Text:

Active Text is a setting that lets you change the text color of the active step a visitor is in. Click the color bar next to “Active Text,” then proceed to select your preferred color.

Example:

Back to Top

Inactive BG (Background):

This setting allows you to change the background color of the inactive step a visitor is in during the checkout process. Click the color bar next to “Inactive BG,” then select your desired color.

Example:

Back to Top

Inactive Text:

This setting allows you to change the text color of the inactive text. Click the color bar next to “Inactive Text,” then continue selecting your preferred color.

Example:

Back to Top

Active Step BG (Background):

Change the background of the header’s active step with Active Step BG. Click the color bar next to “Active Step BG,” then select your preferred color.

Example:

Back to Top

Active Step Text:

Adjust the text color of the active step using Active Step Text. Click the color bar next to “Active Step Text,” then select your preferred text color.

Example:

Back to Top

Step BG (Background):

Change the step background color with Step BG (Background). Click the color bar next to “Step BG” to open the color menu, then select your desired background color.

Example:

Back to Top

Step Text:

Adjust the color of the step using Step Text. Click the color bar next to “Step Text,” then select the text color according to your preferences.

Example:

Back to Top

Supported Elements:

This setting can be found in the following Elements: 

• Checkout (Legacy)

Back to Top