Fancy Headers

What’s this?

This is a widely used shortcode so we made it as versatile as possible. It’s got all the typography and size options you would expect and many style and animation options. Have fun making heading exciting! Check out the examples below.

Small

[fancy_header size="small"] ... [/fancy_header]

Medium

[fancy_header ] ... [/fancy_header]

Large

[fancy_header size="large" ] ... [/fancy_header]

Huge

[fancy_header size="large plus" ] ... [/fancy_header]

Bold

[fancy_header bold="1" ] ... [/fancy_header]

With icon

[fancy_header icon="fa-lightbulb-o" ] ... [/fancy_header]

Uppercase

[fancy_header uppercase="1" ] ... [/fancy_header]

Bold

[fancy_header bold="1" ] ... [/fancy_header]

Text center

[fancy_header text_align="textcenter" ] ... [/fancy_header]

Text right

[fancy_header text_align="textright" ] ... [/fancy_header]

Small

[fancy_header type="style1" size="small" ] ... [/fancy_header]

Medium

[fancy_header type="style1" ] ... [/fancy_header]

Large

[fancy_header type="style1" size="large" ] ... [/fancy_header]

Huge

[fancy_header type="style1" size="large plus" ] ... [/fancy_header]

With icon

[fancy_header type="style1" icon="fa-lightbulb-o" ] ... [/fancy_header]

Uppercase

[fancy_header type="style1" uppercase="1" ] ... [/fancy_header]

Bold

[fancy_header type="style1" bold="1" ] ... [/fancy_header]

Text center

[fancy_header type="style1" text_align="textcenter" ] ... [/fancy_header]

Text right

[fancy_header type="style1" text_align="textright" ] ... [/fancy_header]

Small

[fancy_header type="style1 prime-line" size="small" ] ... [/fancy_header]

Medium

[fancy_header type="style1 prime-line" ] ... [/fancy_header]

Large

[fancy_header type="style1 prime-line" size="large" ] ... [/fancy_header]

Huge

[fancy_header type="style1 prime-line" size="large plus" ] ... [/fancy_header]

With icon

[fancy_header type="style1 prime-line" icon="fa-lightbulb-o" ] ... [/fancy_header]

Uppercase

[fancy_header type="style1 prime-line" uppercase="1" ] ... [/fancy_header]

Bold

[fancy_header type="style1 prime-line" bold="1" ] ... [/fancy_header]

Text center

[fancy_header text_align="textcenter" ] ... [/fancy_header]

Text right

[fancy_header type="style1 prime-line" text_align="textright" ] ... [/fancy_header]

Small

[fancy_header type="prime-line" size="small" ] ... [/fancy_header]

Medium

[fancy_header type="prime-line" ] ... [/fancy_header]

Large

[fancy_header type="prime-line" size="large" ] ... [/fancy_header]

Huge

[fancy_header type="prime-line" size="large plus" ] ... [/fancy_header]

With icon

[fancy_header type="prime-line" icon="fa-lightbulb-o" ] ... [/fancy_header]

Uppercase

[fancy_header type="prime-line" uppercase="1" ] ... [/fancy_header]

Bold

[fancy_header type="prime-line" bold="1" ] ... [/fancy_header]

Text center

[fancy_header type="prime-line" text_align="textcenter" ] ... [/fancy_header]

Text right

[fancy_header type="prime-line" text_align="textright" ] ... [/fancy_header]

Small

[fancy_header type="prime-line animate-line" size="small" ] ... [/fancy_header]

Medium

[fancy_header type="prime-line fixed-width" ] ... [/fancy_header]

Large

[fancy_header type="prime-line fixed-width" size="large" ] ... [/fancy_header]

Huge

[fancy_header type="prime-line fixed-width" size="large plus" ] ... [/fancy_header]

With icon

[fancy_header type="prime-line fixed-width" icon="fa-lightbulb-o" ] ... [/fancy_header]

Uppercase

[fancy_header type="prime-line fixed-width" uppercase="1" ] ... [/fancy_header]

Bold

[fancy_header type="prime-line fixed-width" ] ... [/fancy_header]

Text center

[fancy_header type="prime-line fixed-width" text_align="textcenter" ] ... [/fancy_header]

Text right

[fancy_header type="prime-line fixed-width" text_align="textright" ] ... [/fancy_header]

Small

[fancy_header type="text-line fixed-width" size="small" ] ... [/fancy_header]

Medium

[fancy_header type="text-line fixed-width" ] ... [/fancy_header]

Large

[fancy_header type="text-line fixed-width" size="large" ] ... [/fancy_header]

Huge

[fancy_header type="text-line fixed-width" size="large plus" ] ... [/fancy_header]

With icon

[fancy_header type="text-line fixed-width" icon="fa-lightbulb-o" ] ... [/fancy_header]

Uppercase

[fancy_header type="text-line fixed-width" uppercase="1" ] ... [/fancy_header]

Bold

[fancy_header type="text-line fixed-width" bold="1" ] ... [/fancy_header]

Text center

[fancy_header type="text-line fixed-width" text_align="textcenter" ] ... [/fancy_header]

Text right

[fancy_header type="text-line fixed-width" text_align="textright" ] ... [/fancy_header]

Small

[fancy_header type="style2" size="small" ] ... [/fancy_header]

Medium

[fancy_header type="style2" ] ... [/fancy_header]

Large

[fancy_header type="style2" size="large" ] ... [/fancy_header]

Huge

[fancy_header type="style2" size="large plus" ] ... [/fancy_header]

With icon

[fancy_header type="style2" icon="fa-lightbulb-o" ] ... [/fancy_header]

Uppercase

[fancy_header type="style2" uppercase="1" ] ... [/fancy_header]

Bold

[fancy_header type="style2" bold="1" ] ... [/fancy_header]

Text center

[fancy_header type="style2" text_align="textcenter" ] ... [/fancy_header]

Text right

[fancy_header type="style2" text_align="textright" ] ... [/fancy_header]

Small

[fancy_header type="style3" size="small" ] ... [/fancy_header]

Medium

[fancy_header type="style3" ] ... [/fancy_header]

Large

[fancy_header type="style3" size="large" ] ... [/fancy_header]

Huge

[fancy_header type="style3" size="large plus" ] ... [/fancy_header]

With icon

[fancy_header type="style3" icon="fa-lightbulb-o" ] ... [/fancy_header]

Uppercase

[fancy_header type="style3" uppercase="1" ] ... [/fancy_header]

Bold

[fancy_header type="style3" bold="1" ] ... [/fancy_header]

Text center

[fancy_header type="style3" text_align="textcenter" ] ... [/fancy_header]

Text right

[fancy_header type="style3" text_align="textright" ] ... [/fancy_header]

Centered on Phones

[fancy_header fancy_header text_align_convert_device="phone" text_align_convert_align="center"] ... [/fancy_header]

Right on Phones

[fancy_header ] ... [/fancy_header]

Left on Phones

[fancy_header text_align="textright" text_align_convert_device="phone" text_align_convert_align="left"] ... [/fancy_header]

Centered on Tablet

[fancy_header fancy_header text_align_convert_device="tablet" text_align_convert_align="center"] ... [/fancy_header]

Right on Tablet

[fancy_header text_align="textcenter" text_align_convert_device="tablet" text_align_convert_align="right"] ... [/fancy_header]

Left on Tablet

[fancy_header text_align="textright" text_align_convert_device="tablet" text_align_convert_align="left"] ... [/fancy_header]

Centered on all Mobiles

[fancy_header fancy_header text_align_convert_device="mobile" text_align_convert_align="center"] ... [/fancy_header]

Centered on all Mobiles

[fancy_header text_align="textcenter" text_align_convert_device="mobile" text_align_convert_align="right"] ... [/fancy_header]

Centered on all Mobiles

[fancy_header text_align="textright" text_align_convert_device="mobile" text_align_convert_align="left"] ... [/fancy_header]
X

Variations

Change the Skin for this Case Study

Case Studies

Design demos for React