How to use the Sub-Headline Element in the ClickFunnels editor

ClickFunnels™ Helpdesk Support Video

ClickFunnels™ Gives You EVERYTHING You Need To Market, Sell and Deliver Your Product Online!

:arrow_right: Start Your Free 14 Day Trial

Sign-Up Takes Less Than 60 Seconds.

YouTube Transcript: English (auto-generated)

00:00
[Music]
00:08
hey you can click fall support here so
00:11
in this video I’m just gonna go over how
00:13
we can configure this sub-headline
00:14
element we currently have a simple page
00:17
setup with no content so we’ll start by
00:19
adding in an element you can click on
00:21
text to get a sub selection of just the
00:23
text related elements then we’ll add in
00:26
the sub headline element now because
00:28
this is a text element for works a
00:30
little bit differently than some of our
00:31
other elements if you just click on the
00:33
element itself it will jump you into a
00:34
text editor if you want to get into the
00:36
settings for the element you can hover
00:38
over it and click on the gears icon or
00:40
you can go into the elements menu choose
00:42
manage and then click on the element in
00:44
question if we do just click on it it’ll
00:50
jump us into this text editor here
00:52
there’s a number of things we can
00:53
configure so we can bold underline
00:57
italicize and strikethrough text we can
01:03
change the justification juicing from
01:05
left right or center and we can
01:10
hyperlink some or all of our text
01:16
from this editor you can also get
01:18
directly into the settings by clicking
01:20
on the gears icon on the type top right
01:21
hand corner in settings there’s a number
01:26
of things we can configure starting with
01:28
the top margin
01:36
going from the bottom we can adjust the
01:38
typography type choosing from content
01:40
font or headline font which will use the
01:43
default settings you have set up via
01:44
settings typography
02:03
we can adjust the opacity from none to
02:07
light half or heavy fade we can adjust
02:15
the border color at icon color a
02:19
background color
02:26
a bold coloring for any text that we
02:28
folded text color for just the regular
02:31
portion of the text we can set a font
02:36
size as well it’s configuring a mobile
02:41
font size independently
02:55
and finally we can choose the fought
02:57
family which will override settings from
03:03
the typography type that we’ve chosen at
03:05
the bottom
03:12
there’s some additional configuration
03:13
options available via the Advanced tab
03:20
in order to better to show this off
03:22
though I’m going to add a second
03:25
headline element with a little bit more
03:28
text
03:36
they’re jumping back into the settings
03:37
we can click on the Advanced tab by
03:39
default the Styles tab will be
03:40
pre-selected here we can adjust the line
03:43
height
03:54
we can use text transformation to make
03:56
large changes with a single click
03:58
choosing to make everything all
04:00
uppercase all lowercase or all
04:03
capitalized we can adjust the letter
04:07
spacing making it much larger or even a
04:12
little bit smaller we can add a text
04:15
shadow choosing from subtle mid or
04:19
strong we can adjust the number of
04:24
columns we want the text to appear over
04:26
by default one column will be selected
04:29
but we can change that to three or four
04:34
columns this would be roughly analogous
04:36
to creating a four column row and
04:39
placing one text element in each row
04:45
next we can use an icon picker to add an
04:48
icon
04:55
we could jump into settings to change
04:57
the color for that icon here we can also
05:01
adjust the boat the border color to
05:06
configure the border itself though we’ll
05:07
go back into the Advanced tab in the
05:09
Styles tab here there’s a number of
05:13
border to relate the settings so we can
05:18
choose from full border bottom only top
05:21
only or only top and bottom we can
05:25
choose a border style from solid dashed
05:28
or dotted and configure a border size
05:33
from 1 all the way up to 10 pixels
05:41
we can add a shadow from five to 40% a
05:44
drop shadow will appear I would sign off
05:47
the border of the element and an inner
05:50
shadow will appear inside of the border
05:56
we can also adjust the border radius
05:58
from 0 to 150 pixels which will set how
06:06
rounded we want the corners to be we can
06:12
add some additional padding from 0 all
06:15
the way up to 150 pixels finally we can
06:23
click on the animation tap here and set
06:25
up a time delay choosing from faded or
06:27
fade in the scale I set this to 1 minute
06:31
and 30 seconds for example the
06:33
sub-headline element will not appear on
06:34
the page until 1 minute and 30 seconds
06:36
after the page has been loaded we can
06:39
also set up an animation choosing from
06:41
on page load or on page scroll on page
06:44
load will take effect as soon as the
06:45
page is loaded on page Chrome will only
06:48
take effect when the element in question
06:49
actually comes into view for the user
06:52
additionally we can choose a style and
06:54
set a delay in milliseconds so previous
06:57
obscure things up a little bit in terms
06:58
of how you can configure the
07:00
sub-headline element inside of the
07:01
clickfunnels editor if you do some more
07:03
questions though or anything like that
07:05
definitely go ahead and let us know in
07:06
sport chat

ClickFunnels™ Gives You EVERYTHING You Need To Market, Sell and Deliver Your Product Online!

:arrow_right: Start Your Free 14 Day Trial

Sign-Up Takes Less Than 60 Seconds.