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] 

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"]