Element Settings: Color Picker

This article will review the Color Picker settings available for elements and settings in the editor. This feature allows you to select a color for your fonts, backgrounds, shadows, links, etc. There are different ways to set this color to make it fit your page design.

Requirements: 

• An active ClickFunnels 2.0 account
• A page
• A supported element from the list

TABLE OF CONTENTS

• Color:
• Supported Elements:

Color:

Important note: The text will vary depending on the element you are editing. For example: “Icon color,” “Text color,” “Background color,” etc.

1. Click on the color area to display the color picker.
   
   
   1. Custom. It displays different options to set your color. 
   2. Style guide. You can select a color from your Style guide pallet or a recently used color.
   3. You can select Solid or Gradient effects from the drop-down menu.
   4. Drag and drop the dot to place it in the desired color.
   5. Move the Slider and place it in the desired color.
   6. Move the Slider or add a value in the ALPHA box to set the transparency of the color.
   7. Use a HEX code to set a specific color.
   8. Select a Recently Used color.

Important note: Click on these external links if you want to know more about HEX codes:

• What is a Color Hex Code? (external link)
• Color Hex Codes Examples  (external link) 

Back to Top

Supported Elements:

This setting can be found in the following Elements:

• General: Headline
• General: Sub Headline
• General: Paragraph
• General: Bullet List
• General: Select Box
• General: Input
• General: Icon
• General: Divider
• General: Navigation
• General: Link
• General: Textarea
• General: Countdown
• Content Blocks: Progress Bar
• Order: Summary
• Order: Confirmation
• Order: Checkout
• Order: Checkout 2 step
• Blog: Name
• Blog: Link
• Blog: Author
• Blog Categories: Name
• Blog Categories: Link
• Blog Categories: Categories
• Blog Posts: Name
• Blog Posts: Summary
• Blog Posts: Link
• Blog Posts: Publish Date
• Blog Post: Collection
• Blog Posts: Category
• Blog Posts: Author
• Course: Name
• Course: Link
• Course: Publish Date
• Course: Description
• Course: Collection
• Course: Podcast Link
• Course: Contact Profile
• Course Modules: Name
• Course Modules: Description
• Course Modules: Link
• Course Modules: Publish Date
• Course Modules: Collection
• Course Modules: Podcast Link
• Course Lessons: Name
• Course Lessons: Link
• Course Lessons: Publish Date
• Course Lessons: Collection
• Products: Name
• Products: Description
• Products: Price
• Products: Link
• Products: Collection

Back to Top