Content styling

Multiple color dropcaps

Unable to display Facebook posts.
Show error

Error: Invalid OAuth access token.
Type: OAuthException
Code: 190
Please refer to our Error Message Reference.

[spacer size=”15″]
[dropcap]L[/dropcap]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.
[br]
[dropcap color=”green”]L[/dropcap]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.
[br]
[dropcap color=”orange”]L[/dropcap]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

[br]
[column size=”dropcap” last=”0″][dropcap]1[/dropcap][/column]
[column size=”dropcap_txt” last=”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.[/column]
[br]
[column size=”dropcap” last=”0″ style=”0″][dropcap color=”gray”]2[/dropcap][/column]
[column size=”dropcap_txt” last=”1″ style=”0″]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.[/column]
[br]
[column size=”dropcap” last=”0″ style=”0″][dropcap color=”blue”]3[/dropcap][/column]
[column size=”dropcap_txt” last=”1″ style=”0″]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.[/column]
[br]
[column size=”dropcap” last=”0″ style=”0″][dropcap color=”red”]4[/dropcap][/column]
[column size=”dropcap_txt” last=”1″ style=”0″]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.[/column]
[br]
[column size=”dropcap” last=”0″ style=”0″][dropcap color=”green”]5[/dropcap][/column]
[column size=”dropcap_txt” last=”1″ style=”0″]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.[/column]
[br]
[column size=”dropcap” last=”0″ style=”0″][dropcap color=”yellow”]6[/dropcap][/column]
[column size=”dropcap_txt” last=”1″ style=”0″]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.[/column]
[br]
[column size=”dropcap” last=”0″ style=”0″][dropcap color=”orange”]7[/dropcap][/column]
[column size=”dropcap_txt” last=”1″ style=”0″]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.[/column]
[br]
[column size=”dropcap” last=”0″ style=”0″][dropcap color=”pink-orange”]8[/dropcap][/column]
[column size=”dropcap_txt” last=”1″ style=”0″]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.[/column]
[br]
[column size=”dropcap” last=”0″ style=”0″][dropcap color=”purple”]9[/dropcap][/column]
[column size=”dropcap_txt” last=”1″ style=”0″]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.[/column]
[spoiler title=”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]

[/spoiler]

Clearing floats

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

[pullquote align=”left”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sollicitudin urna lacus. Proin consectetur. [/pullquote]
[clear]

[spoiler title=”Get the code”]

[[pullquote align="left"] Content [/pullquote]]
[[clear]]

[/spoiler]

Custom div

[spacer size=”15″]
[div style=”border-width:5px; border-style:dotted; border-color:#dddddd ;text-align:center;”]

This is a custom styled div

[/div]
[spacer size=”15″]
[spoiler title=”Get the code”]

[[div style="border-width:5px; border-style:dotted; border-color:#dddddd ;text-align:center;"] Content [/div]]

[/spoiler]

Styled heading

[spacer size=”15″]
[heading] This is a heading shortcode [/heading]
[spoiler title=”Get the code”]

[[heading] Content [/heading]]

[/spoiler]

Text highlight

[spacer size=”15″]

[highlight bg=”#fff287″ color=”#000″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/highlight] Proin sollicitudin ante id libero vulputate semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

[highlight bg=”#ffafaf” color=”#fff”] Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/highlight] Proin sollicitudin ante id libero vulputate semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

[highlight bg=”#abfa9e” color=”#037d00″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/highlight] Proin sollicitudin ante id libero vulputate semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

[highlight bg=”#c3eff0″ color=”#002c68″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/highlight] Proin sollicitudin ante id libero vulputate semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

[highlight bg=”#e1dee0″ color=”#656565″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/highlight] Proin sollicitudin ante id libero vulputate semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
[spoiler title=”Get the code”]

 [[highlight bg="#000" color="#fff"] Content [/highlight]]

[/spoiler]

Empty space with adjustable height

100px additional empty space is added after this line.
[spacer size=”100″]
[spoiler title=”Get the code”]

[[spacer size=""100"]]

[/spoiler]

Links with selectable color

[spacer size=”15″]

[fancy_link color=”#555″ link=”javascript:;”] Read more [/fancy_link]

[fancy_link color=”green” link=”javascript:;”] Anything can be posted here[/fancy_link]

[fancy_link color=”blue” link=”javascript:;”] Any color posible[/fancy_link]

[spoiler title=”Get the code”]

 [[fancy_link color="blue" link="http://example.com/"] Content [/fancy_link]]

[/spoiler]

Divider with optional Top function

[spacer size=”15″]
[divider style=”shadow”]
[divider top=”1″ style=”shadow”]
[divider]
[divider top=”1″]
[spoiler title=”Get the code”]

[[divider]]
[[divider top="1"]]

[/spoiler]

Leave a Reply