ClickFunnels Tutorial – Google Fonts – [Custom Font Series 2020]


ClickFunnels Tutorials for all level! In this tutorial, we cover how to add custom fonts that are not included in the ClickFunnels Editor. I specifically cover how you might approach adding fonts not available in the ClickFunnels’ editor from Google Fonts.

Time Stamp:

Intro – 0:00
Start – 0:45
First Action (Head Tracking Code) – 1:48
In Editor (CSS Editor/Bold) – 6:40
In Editor (CSS Editor/Sub Heading) – 8:47
In Editor (CSS Editor/Paragraph) – 9:42
In Editor (CSS Editor/Button) – 10:12
Adding two fonts in the editor – 10:40
Applying font css to other pages – 13:19
Applying font to Navigation – 14:36

——–

Cheat code and share link to the funnel available on this blog:

——–

Soundtrack by Neighbourhood Vandal

——–

Cheatcode:

Heading:
.hsSize3 {
font-family: ‘Caladea’, serif;
font-weight:700;
font-style:Regular;
}

Paragraph/Body:
.hsSize1 {
font-family: ‘Caladea’, serif;
font-weight:400;
}

Sub-Heading:
.hsSize2 {
font-family: ‘Caladea’, serif;
font-weight:700;
}

Navigation:
[selector ID] li {
font-family: ‘Caladea’, serif;
font-weight:700;
font-style:Regular;
}

Button:
.elButtonMain {
font-family: ‘Caladea’, serif;
font-weight:700
}

Bold:
b {
font-family: ‘Caladea’, serif;
font-weight:700
}

Recent Content

error: Content is protected !!