Styled lists

  • style = ok
  • style = ok
  • style = ok
  • chevron-left
  • chevron-left
  • chevron-left
  • style = plus
  • style = plus
  • style = plus
  • style = adjust
  • style = adjust
  • style = adjust
  • style = share-alt
  • style = share-alt
  • style = share-alt
  • style = tags
  • style = tags
  • style = tags
  • style = home
  • style = home
  • style = home
  • style = star
  • style = star
  • style = star
  • style = play
  • style = play
  • style = play
  • style = signal
  • style = signal
  • style = signal
  • style = envelope
  • style = envelope
  • style = envelope
  • folder-open
  • folder-open
  • folder-open
  • style = certificate
  • style = certificate
  • style = certificate
  • style = flag
  • style = flag
  • style = flag
  • chevron-right
  • chevron-right
  • chevron-right
  • style = music
  • style = music
  • style = music
[list style="ok"] [li]your list item[/li] [li]your list item[/li] [li]your list item[/li] [/list]
top ↑

Heading alternative

Heading alternative

Heading alternative

Heading alternative

Heading alternative
Heading alternative
[div class_attr="wt_title"]<h1>Heading alternative</h1>[/div] [div class_attr="wt_title center"]<h2>Heading alternative</h2>[/div] [div class_attr="wt_title right"]<h3>Heading alternative</h3>[/div] [div class_attr="wt_title"]<h4>Heading alternative</h4>[/div] [div class_attr="wt_title center"]<h5>Heading alternative</h5>[/div] [div class_attr="wt_title right"]<h6>Heading alternative</h6>[/div]
top ↑

Custom heading icons

H1 Icon Headline

H2 Icon Headline

H3 Icon Headline

H4 Icon Headline

H5 Icon Headline
H6 Icon Headline
View all Heading Icons here
[list style="list_1"] [icon type="h1" style="mac"] H1 Icon Headline [/icon] [icon type="h2" style="music"] H2 Icon Headline [/icon] [icon type="h3" style="chat"] H3 Icon Headline [/icon] [icon type="h4" style="sun"] H4 Icon Headline [/icon] [icon type="h5" style="stop-alternative"] H5 Icon Headline [/icon] [icon type="h6" style="movies"] H6 Icon Headline [/icon] [/list]

Custom text icon

home
user
envelope
download
tag
phone
flag
search
link
music
briefcase
View all custom text icons here
[icon_text style="meeting"] meeting [/icon_text]

Custom link icon

home
user
envelope
download
tag
phone
flag
search
link
music
briefcase
View all custom link icons here
[icon_link style="meeting"] meeting [/icon_link]
top ↑

Fancy headers & links

Fancy header
[fancy_header] Fancy Header [/fancy_header]
Black fancy link
[fancy_link link="#"] Fancy Link [/fancy_link]
top ↑

Blockquotes & Pullquotes

Fusce facilisis ullamcorper est, a semper libero elementum quis. Nulla faucibus adipiscing augue, ut porta est mattis sed.

Ut feugiat ipsum ut augue pharetra vestibulum. In et velit eget tortor varius fringilla. Ut convallis sem ac orci pellentesque et aliquam lorem congue. Donec elit arcu, pretium non vehicula nec, accumsan non orci. In quis elementum purus. Ut porttitor laoreet nulla egestas imperdiet. Mauris eget elit erat. Mauris pulvinar, arcu eget imperdiet feugiat, erat lectus semper justo, ut facilisis velit leo eget mi. Ut sit amet felis non lorem sagittis consectetur. Fusce facilisis ullamcorper est, a semper libero elementum quis. Nulla faucibus adipiscing augue, ut porta est mattis sed. Phasellus varius tellus sit amet augue malesuada sed facilisis tellus porta. Suspendisse eleifend cursus congue. Cras adipiscing lacus ornare nisi malesuada facilisis. Curabitur nec mauris nisl.

[blockquote align="left"] Insert your text here [/blockquote]

Nullam dui erat, elementum malesuada suscipit vel, ultrices sed libero. Cras ac tortor ante. Ut eu ligula quam, nec semper metus. Vivamus arcu ligula, eleifend eu malesuada sed, volutpat sed erat. Proin at elit eu massa congue molestie rutrum in justo. Nullam risus quam, vulputate ut luctus a, egestas vel elit. Morbi pretium, elit ac sodales rhoncus, enim leo vehicula lorem, id feugiat mauris leo sed lacus.

This is a blockquote aligned to the right side and also with a specified pink color.

Pellentesque semper, lectus vel bibendum pulvinar, purus magna euismod ante, sit amet dignissim mauris mauris condimentum tortor. Duis hendrerit hendrerit imperdiet. Sed adipiscing sem a velit mattis eu vulputate orci viverra. Mauris ut augue sed odio faucibus dictum quis sollicitudin nisi.

In interdum massa id lacus congue posuere. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi tincidunt dictum nulla. Sed euismod sem non urna placerat non tincidunt libero malesuada. Integer interdum dapibus odio lobortis rutrum.

[blockquote color="pink" align="right"] Insert your text here [/blockquote]
This is a blue blockquote with author. Sed lobortis adipiscing commodo. Duis ipsum justo, volutpat sit amet rhoncus in, viverra ut felis. Etiam imperdiet gravida blandit. Maecenas tortor purus, vulputate a mollis id, luctus vitae lacus. Cras ornare dignissim dictum. - Anonymous
[blockquote color="blue" author="Anonymous"] Insert your text here. [/blockquote]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in libero mi. Vestibulum sit amet lectus ut odio posuere sollicitudin. Donec gravida magna vel mauris molestie at euismod libero viverra. Nunc eu diam vel eros volutpat pulvinar. Aliquam erat volutpat. Sed est nisi, semper quis congue vestibulum, blandit at erat. In lacus augue, aliquam a semper eu, semper nec justo. Vivamus eget ultrices est. Duis tincidunt, felis imperdiet lacinia congue, urna leo pellentesque purus, sed mollis nulla urna adipiscing ligula.

Sed blandit felis in erat viverra rutrum. In diam odio, viverra sed iaculis ac, dignissim nec mauris. Sed est nisi, semper quis congue vestibulum, blandit at erat. In lacus augue, aliquam a semper eu, semper nec justo. Ut eleifend laoreet libero, sit amet ullamcorper elit elementum eget. Nullam leo urna, accumsan non viverra id, scelerisque elementum felis. Sed massa nisi, cursus et tincidunt et, mattis eu nisi. Duis quam neque, rutrum sit amet vulputate non, tincidunt et eros. Duis non lectus sed arcu dictum accumsan ut ac lorem.

[pullquote align="left"] Insert your text here [/pullquote]

Nullam et purus vitae dui porta sagittis. Suspendisse potenti. Aenean eget libero sed urna ultrices blandit in et arcu. Nullam eget odio purus, id ornare lacus. This is an orange pullquote aligned right. Sed est nisi, semper quis congue vestibulum, blandit at erat. Fusce egestas turpis et dolor volutpat vel dignissim risus hendrerit. Nulla enim arcu, faucibus at posuere at, faucibus non elit. Cras vel dui in ipsum fringilla facilisis. Pellentesque venenatis nulla non lacus tristique fermentum consectetur nisi convallis. Integer velit enim, gravida in auctor eu, bibendum in enim. Nulla posuere ligula ac lacus volutpat aliquam. Pellentesque at scelerisque lorem. Sed commodo diam ac tortor aliquam ut congue elit accumsan. Pellentesque id pharetra metus. Aenean eleifend pharetra laoreet. Morbi aliquam vestibulum justo, et pulvinar leo facilisis vitae.

[pullquote color="orange" align="right"] Insert your text here [/pullquote]
top ↑

Dropcaps

R utrum vulputate ac quis leo. Morbi aliquam vestibulum justo, et pulvinar leo facilisis vitae.
T his is a green dropcap. You can simply choose the color you need.
F usce facilisis ullamcorper est, a semper libero elementum quis.
N ullam et purus vitae dui porta sagittis. Suspendisse potenti. Aenean eget libero sed urna ultrices blandit in et arcu
S ed blandit felis in erat viverra rutrum. In diam odio, viverra sed iaculis ac, dignissim nec mauris.
U t feugiat ipsum ut augue pharetra vestibulum. In et velit eget tortor varius fringilla.
A enean vel urna vitae neque eleifend ultrices. Nullam blandit lorem vel magna vestibulum pellentesque.
M auris a risus eu ante accumsan lacinia vel vitae neque. Nulla facilisi.
P hasellus volutpat, nisi vitae venenatis placerat, dolor diam tempus diam, venenatis euismod lorem nisl at tortor.
[dropcap1 color="#F86711"]R[/dropcap1] [dropcap2 color="#FE0000" bg_color="#FFFC00"]N[/dropcap2] [dropcap3 color="#FFFC00" bg_color="#FE0000"]A[/dropcap3]
top ↑

Highlight

Curabitur massa felis, ullamcorper eget iaculis eget, tempor sit amet augue. Donec eleifend eros vitae diam pretium lacinia. Vestibulum nisi arcu, semper nec egestas at, venenatis ut magna. Morbi mi nunc, varius id auctor malesuada, dapibus sit amet leo. Highlight Text. Ut vitae enim sed dui egestas mattis. Nam ut enim nibh. Praesent feugiat, enim vel vulputate fringilla, turpis massa convallis quam, vitae aliquet est elit sit amet urna.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum dolor nibh, sodales vitae lobortis mollis, vestibulum in orci. Donec metus massa, adipiscing eget pretium id, malesuada sed neque. In hac habitasse platea dictumst. Highlight Text With Dark Blue and Yellow. Integer cursus congue iaculis. Vestibulum imperdiet, enim tristique viverra semper, justo elit elementum sem, eget tincidunt ante nulla ac ante. Phasellus volutpat, nisi vitae venenatis placerat, dolor diam tempus diam, venenatis euismod lorem nisl at tortor. Sed adipiscing dolor tempus nisi mattis dignissim. Mauris a risus eu ante accumsan lacinia vel vitae neque. Nulla facilisi.

[highlight] Insert your text here. [/highlight] [highlight color="#ffff99" bg_color="#000ddd"] Insert your text here. [/highlight]
top ↑

Pre & Code

This is a text in a pre tag.
This is a text in a code tag.
top ↑

Inline Styles

Sometimes you have to do inline css rules for the html tags. This can be very difficult within a WordPress page or post. Besides the fact that you have to do this only in HTML mode, they are often deleted when you switch back to VISUAL or you save the post/page. These theme comes with an advanced shortcode where you can easily inject css inline rules for divs or spans. In this way you can see these rules in both HTML/VISUAL mode and you can easily edit them anytime you want.

You can see such an example bellow:

This div tag has an inline rule injected with a shortcode.

And the code is:

[div style="background-color:#369D88; color:#ffffff; padding:10px; margin-bottom:20px; text-transform:uppercase"] This div tag has an inline rule injected with a shortcode. [/div]
top ↑

Dividers

[divider_top] [divider_line] [divider_padding] [divider_line_padding] [clear_both] [break_line]

Margins

Above this title there is a gap of 50px. You can set any gap type you want from 1px to 500px. Bellow you can see the shortcode which is doing this.

[margin type="50"]
top ↑