Updating Global Font Colors Using Typography Settings
Typography settings apply globally across all pages in a funnel or website.
Use this method to ensure consistent text and link colors everywhere.
Steps
Open the funnel or website builder.
Click Settings in the top bar.
Select Typography.
Choose:
Headline font and color
Content font and color
Link color
Making Page-Level Color Edits in the Builder
Page-level edits override global settings and apply only to the selected page.
Each page is built using:
Sections
Rows
Columns
Elements
These must be added in that order.
Adding Sections, Rows, and Elements
Click the “+” icon in the builder.
Choose Sections, Rows, or Elements.
Drag the item into the page layout.
Customizing Background Colors for Sections and Rows
You can set background colors for sections, rows, and columns independently.
Steps
Click the section or row.
Open Background settings.
Select a color from default, brand, or custom colors.
Customizing Text and Element Colors
Individual elements such as headlines, paragraphs, and icons have their own color controls.
Supported Element Color Options
Text color
Link text color
Icon color
Background color (if supported)
Steps
Click the text or element.
Open the Color section in the left panel.
Adjust the desired color values.
Customizing Navigation Menu Colors
Navigation menus support separate color controls for desktop and mobile.
Supported Navigation Menu Colors
Background color
Text color
Icon color
Hover text color
Mobile menu background color
Steps
Click the navigation menu element.
Open the Color section.
Configure desktop and mobile color options.
Using Gradient and Blur Backgrounds
Gradient and blur effects can be applied to sections, rows, and columns.
Supported Background Types
Solid color
Gradient
Image
Video
Blur overlay
Steps
Select the section, row, or column.
Open Styles.
Expand Colors & Background.
Choose gradient or blur options.
Adding Custom Colors in the Page Builder
Custom colors allow you to reuse specific HEX values within a page.
Custom colors are page-specific and do not automatically sync across pages.
Adding a Custom Color
Click a text or element color selector.
Click + Add under Custom colors.
Saving a Custom Color Using a HEX Code
Steps
Enter a name for the color.
Input the HEX value directly, or select it visually.
Click Save.
Creating Reusable Colors with Custom Values
Custom Values allow you to define a HEX color once and reuse it across multiple pages.
Updating the value updates all pages using it.
Steps
Go to Settings > Custom Values.
Create a new custom value.
Paste the HEX code into the value field.
Applying a Custom Value to Page Colors
Once created, a custom value can be used anywhere a color is supported.
Steps
Open a color selector in the builder.
Select Custom Value.
Insert the custom value reference.
Updating the HEX value later will automatically update all connected elements.
Using Custom CSS for Advanced Color Control
Custom CSS allows full styling control beyond builder options.
This feature requires CSS knowledge.
Steps
Open the builder.
Click Settings.
Select Custom CSS.
Paste your CSS.
Click Save.
Previewing and Saving Changes
Any color change can be previewed before publishing.
Best Practices
Use Preview to confirm visual changes.
Click Save before exiting the builder.
Publish only after confirming all pages display correctly.
FAQ
How do I apply consistent font colors across all pages?
Use Settings > Typography to set global text and link colors.
Can I customize colors for individual sections or elements?
Yes. Page-level edits can be made for sections, rows, columns, and elements directly in the builder.
Are custom colors shared across pages?
No. Custom colors added via the color picker are page-specific.
How do I update colors across multiple pages automatically?
Use Custom Values with HEX codes. Updating the value updates all connected elements.
Can I apply gradients or blur effects?
Yes. Gradient and blur backgrounds are available under Styles > Colors & Background.
Do I need coding knowledge to customize colors?
No, for basic customization. Ye,s if using Custom CSS.