Element Settings: Typography

Modified on Thu, 16 Nov, 2023 at 1:55 PM

This article will cover how to change the typography elements such as color, type, or size for an element that contains text. Modifying the typography will allow you to set or override the style for your current text inside your page, making it more appealing to your customers or sharing your corporative image.

Requirements:

An active ClickFunnels 2.0 account.
A ClickFunnels page.
Any of the elements mentioned under Supported Elements.

Table of Contents:

Style
Font Family
Weight
Font Size
Letter Spacing
Line Height
Color
Bold
Link
Text casing
Decoration
Align
Opacity

Style

Set the style for the element text with the preset sizes from S, M, L, or XL. You can also edit your page's custom style or override the current settings and customize a Style only for this element by Clicking the Override button or the “…” button.

Font Family

Clicking on the font family button will allow you to set a font type for this element.

Weight

You can set the font weight from this drop menu to thin, regular, or semi-bold.

Font Size and Font Size Mobile

Set the font size for desktop and mobile viewing here. Unlinking the text will allow you to set font sizes independent of the other view.

Letter Spacing and Letter Spacing Mobile

Use the slider to set the spacing between the letters. Unlinking the text will allow you to set font sizes independent of the other view.

Line Height

You can set the spacing between text lines in the element using this slider or enter a number in the field.

Color

The Color feature allows you to add your desired font color to the regular text.

Bold

The Bold feature changes the bolded characters’ font color.

Link

The Link feature changes the links' font color.

Text casing

This feature allows you to set the text casing to: all lower, upper, or title cases.

Decoration

You can add one of three decorations to your text: underline, strikethrough, or under and overline.

Align

Select the alignment of the text within the element box, left margin, centered, or right margin alignment.

Opacity

Opacity will allow you to set the transparency of the text from invisible to full strength.

Supported Elements: