view docs

Fancy Headers

The fancy headers are another neat way of creating a type of “heading” for your content. They have a nice pop out feel to them which will certainly grab the readers attention.

Fancy Header 1

fancy header 1

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English.

[fancy_header]fancy header 1[/fancy_header]

Fancy Header 1: Variation presets

The fancy header shortcode picks up the color of your color scheme by default, but it also comes with 20 preset color variations, and you can create unlimited variations easily with the built-in mysitemyway shortcode generator.

red fancy header

orange fancy header

yellow fancy header

green fancy header

olive fancy header

teal fancy header

blue fancy header

deepblue fancy header

purple fancy header

hotpink fancy header

slategrey fancy header

mauve fancy header

pearl fancy header

steelblue fancy header

mossgreen fancy header

wheat fancy header

coffee fancy header

copper fancy header

silver fancy header

black fancy header

Fancy Header 2

Fancy Header 2 can be used to quickly create stylish SEO friendly “text graphics”

They will automatically stretch to the fill the full width of their parent container, so they look great nested within column shortcodes for example. We actually use these fancy_header2 shortcodes quite often in our live demos.

Click here to see them in use on our “Pages” page.

[fancy_header2]fancy header 2[/fancy_header2]

Fancy Header 3

Fancy Header 3 with it’s striped background adds a nice structure and strong division between content sections.

Section One

1Maecenas vel elementum lacus. Maecenas semper, eros quis pellentesque consectetur, urna lacus imperdiet lectus, at faucibus leo sem eget risus. Nullam auctor molestie tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. Proin a odio quis turpis tincidunt vestibulum. Pellentesque dui dolor, egestas ut tristique in, aliquam nec sapien. Fusce eget nunc elit. Cras suscipit vehicula ipsum non ultricies.

Section Two

2Etiam auctor aliquam neque sed adipiscing. Nullam et sodales dolor. Praesent urna diam, sollicitudin vitae rhoncus elementum, dictum in lacus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus vel ante ante. Sed vitae odio vitae lorem varius consectetur. Donec condimentum bibendum nisl, a luctus nibh pellentesque sit amet. Aliquam lobortis, turpis nec venenatis faucibus, neque metus accumsan mi, eu dapibus massa arcu a nibh. Quisque velit ligula, imperdiet nec rutrum at, eleifend id enim.

[fancy_header3]fancy header 3[/fancy_header3]