Element settings: Icon before

The Icon before setting will allow you to add an icon before the text on certain elements. This will help you to personalize some of the elements on your page. You can select between a variety of existing icons. You can edit the size, color, and margins of these icons

Important note: Icon before settings must be enabled by clicking on the toggle.

Requirements:

• A ClickFunnels 2.0 active account.
• A page with at least one of the supported elements

Table of Contents

1. Icon picker
2. Icon size
3. Icon-size mobile
4. Icon Color
5. Margin left
6. Margin right

Icon picker:

Click on the field next to the Icon picker text. You can enter the icon's name or scroll down the sidebar to select your icon.

Back to Top

Icon size:

Toggle the slider or type the number to set the size of the icon.

If you want the icon size to be the same on desktop and mobile, the hyperlink icon should look like this:

If you want the icon size from the desktop to be independent from mobile, click on the hyperlink icon to unlink these two settings.

Back to Top

Icon size mobile:

Toggle the slider or type the number to set the size of the icon.

Back to Top

Icon color:

Click on the Color field to select a color for your icon.

You can find more information about the Color picker tool here.

Back to Top

Margin left:

Toggle the slider or type the number to set the left margin.

Back to Top

Margin right:

Toggle the slider or type the number to set the right margin.

Back to Top

Supported Elements: :

• General: Headline
• General: Sub Headline
• General: Paragraph
• General: Button
• Blog: Blog name
• Blog: Author
• Blog categories:  name
• Blog post: name
• Blog Posts: Summary
• Blog Posts: Publish Date
• Download: Download Title
• Course: name
• Course: publish date
• Course: Description
• Course Modules: Name
• Course Modules: Description
• Course Modules: Publish Date
• Course Lessons: Name
• Course lesson: publish date
• Products: Name
• Products: Description
• Products: Price

Back to Top