Your tagline goes here!|Friday, December 19, 2014
You are here: Home » Theme Features » Shortcodes » Content styling

Content styling

Multiple color dropcaps
L

orem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat. Aenean tincidunt ante posuere enim iaculis et blandit erat eleifend.

L

orem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat. Aenean tincidunt ante posuere enim iaculis et blandit erat eleifend.

L

orem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat. Aenean tincidunt ante posuere enim iaculis et blandit erat eleifend.

Or use them other way

1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.

2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.

3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.

4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.

5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.

6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.

7
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.

8
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.

9
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae interdum nisl. Maecenas eu justo purus. Phasellus convallis euismod metus, quis fermentum lacus mattis et. Aenean auctor ornare feugiat.
Get the code

[dropcap]L[/dropcap]Content[/column]

[dropcap color="green"]L[/dropcap]Content[/column]

[dropcap color="orange"]L[/dropcap]Content[/column]

[column size="dropcap" last="0"][dropcap]1[/dropcap][/column]
[column size="dropcap_txt" last="1"]Content[/column]

[column size="dropcap" last="0" style="0"][dropcap color="gray"]2[/dropcap][/column]
[column size="dropcap_txt" last="1" style="0"]Content[/column]

[column size="dropcap" last="0" style="0"][dropcap color="blue"]3[/dropcap][/column]
[column size="dropcap_txt" last="1" style="0"]Content[/column]

[column size="dropcap" last="0" style="0"][dropcap color="red"]4[/dropcap][/column]
[column size="dropcap_txt" last="1" style="0"]Content[/column]

[column size="dropcap" last="0" style="0"][dropcap color="green"]5[/dropcap][/column]
[column size="dropcap_txt" last="1" style="0"]Content[/column]

[column size="dropcap" last="0" style="0"][dropcap color="yellow"]6[/dropcap][/column]
[column size="dropcap_txt" last="1" style="0"]Content[/column]

[column size="dropcap" last="0" style="0"][dropcap color="orange"]7[/dropcap][/column]
[column size="dropcap_txt" last="1" style="0"]Content[/column]

[column size="dropcap" last="0" style="0"][dropcap color="pink-orange"]8[/dropcap][/column]
[column size="dropcap_txt" last="1" style="0"]Content[/column]

[column size="dropcap" last="0" style="0"][dropcap color="purple"]9[/dropcap][/column]
[column size="dropcap_txt" last="1" style="0"]Content[/column]
Clearing floats

This element is left floated, but a [clear] shortcode after it clears all floats and you can add your text below it.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sollicitudin urna lacus. Proin consectetur.
Get the code
[pullquote align="left"] Content [/pullquote]
[clear] 
Custom div

This is a custom styled div

Get the code
[div style="border-width:5px; border-style:dotted; border-color:#dddddd ;text-align:center;"] Content [/div] 
Styled heading
This is a heading shortcode
Get the code
[heading] Content [/heading] 
Text highlight

  Lorem ipsum dolor sit amet, consectetur adipiscing elit.   Proin sollicitudin ante id libero vulputate semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

  Lorem ipsum dolor sit amet, consectetur adipiscing elit.   Proin sollicitudin ante id libero vulputate semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

  Lorem ipsum dolor sit amet, consectetur adipiscing elit.   Proin sollicitudin ante id libero vulputate semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

  Lorem ipsum dolor sit amet, consectetur adipiscing elit.   Proin sollicitudin ante id libero vulputate semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

  Lorem ipsum dolor sit amet, consectetur adipiscing elit.   Proin sollicitudin ante id libero vulputate semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Get the code
 [highlight bg="#000" color="#fff"] Content [/highlight] 
Content cover
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pulvinar blandit dignissim. Donec vitae enim nec est tempor tincidunt. Duis in arcu a neque dignissim laoreet. Pellentesque dignissim mi adipiscing magna dictum quis facilisis sapien accumsan. In iaculis ipsum ipsum. Ut nisi risus, ultricies ac volutpat varius, feugiat consectetur ligula. Maecenas eget lorem sagittis lorem interdum malesuada a eu lectus. Aenean elementum est non neque venenatis commodo. Vestibulum placerat libero ut eros mollis sit amet semper elit aliquam.
Empty space with adjustable height

100px additional empty space is added after this line.

Get the code
[spacer size=""100"]
Links with selectable color

Read more

Anything can be posted here

Any color posible

Get the code
 [fancy_link color="blue" link="http://example.com/"] Content [/fancy_link]
Divider with optional Top function
Get the code
[divider]
[divider top="1"]