Element Styling

Shortcode: Image + big caption

[image_captionCenter_S url=’http://kclimo.com/wp-content/uploads/2012/03/dummy94.jpg’ width=’623′ height=’300′ title=’Big Catch Phrase’ subtitle=’and subtitle to emphasize a point’ color=’white’ mediaAlignment=” ]

Shortcode: Image + left aligned caption

[image_captionLower url=’http://kclimo.com/wp-content/uploads/2012/03/dummy94.jpg’ width=’623′ height=’300′ title=’Left Aligned Caption’ caption=’estibulum a ipsum ut augue rhoncus egestas eu et velit. Sed quis leo lectus. Nulla pharetra laoreet turpis, non bibendum augue tincidunt hendrerit. Cras ante lacus, <a href=”http://www.google.com”>Visit Folio</a>’ captionAlignment=’alignLeft’ color=” mediaAlignment=” ]

Shortcode: Image + center aligned caption

[image_captionLower url=’http://kclimo.com/wp-content/uploads/2012/03/dummy94.jpg’ width=’623′ height=’300′ title=’Center Aligned Caption’ caption=’estibulum a ipsum ut augue rhoncus egestas eu et velit. Sed quis leo lectus. Nulla pharetra laoreet turpis, non bibendum augue tincidunt hendrerit. Cras ante lacus, <a href=”http://www.google.com”>Visit Folio</a>’ captionAlignment=’alignCenter’ color=” mediaAlignment=” ]

Shortcode: Image + right aligned caption

[image_captionLower url=’http://kclimo.com/wp-content/uploads/2012/03/dummy94.jpg’ width=’623′ height=’300′ title=’Right Aligned Caption’ caption=’estibulum a ipsum ut augue rhoncus egestas eu et velit. Sed quis leo lectus. Nulla pharetra laoreet turpis, non bibendum augue tincidunt hendrerit. Cras ante lacus, <a href=”http://www.google.com”>Visit Folio</a>’ captionAlignment=’alignRight’ color=” mediaAlignment=” ]

Shortcode: Lists

[list type=’dot’ color=’green’]

<ul>

<li><span>Lorem ipsum sit amet</span></li>

<li><span>Ut enim ad minim</span></li>

<li><span>Quis nostrud exercitation</span></li>

<li><span>Ullamco laboris</span></li>

<li><span>Incididunt ut labore</span></li>

<li><span>Consectetur</span></li>

</ul>

[/list]

[list type=’arrow’ color=’gray’]

<ul>

<li><span>Lorem ipsum sit amet</span></li>

<li><span>Ut enim ad minim</span></li>

<li><span>Quis nostrud exercitation</span></li>

<li><span>Ullamco laboris</span></li>

<li><span>Incididunt ut labore</span></li>

<li><span>Consectetur</span></li>

</ul>

[/list]

[list type=’arrow2′ color=’orange’]

<ul>

<li><span>Lorem ipsum sit amet</span></li>

<li><span>Ut enim ad minim</span></li>

<li><span>Quis nostrud exercitation</span></li>

<li><span>Ullamco laboris</span></li>

<li><span>Incididunt ut labore</span></li>

<li><span>Consectetur</span></li>

</ul>

[/list]

[list type=’check’ color=’teal’]

<ul>

<li><span>Lorem ipsum sit amet</span></li>

<li><span>Ut enim ad minim</span></li>

<li><span>Quis nostrud exercitation</span></li>

<li><span>Ullamco laboris</span></li>

<li><span>Incididunt ut labore</span></li>

<li><span>Consectetur</span></li>

</ul>

[/list]

[list type=’plus’ color=’navy’]

<ul>

<li><span>Lorem ipsum sit amet</span></li>

<li><span>Ut enim ad minim</span></li>

<li><span>Quis nostrud exercitation</span></li>

<li><span>Ullamco laboris</span></li>

<li><span>Incididunt ut labore</span></li>

<li><span>Consectetur</span></li>

</ul>

[/list]

[list type=’minus’ color=’magenta’]

<ul>

<li><span>Lorem ipsum sit amet</span></li>

<li><span>Ut enim ad minim</span></li>

<li><span>Quis nostrud exercitation</span></li>

<li><span>Ullamco laboris</span></li>

<li><span>Incididunt ut labore</span></li>

<li><span>Consectetur</span></li>

</ul>

[/list]

Shortcode: Buttons

Size Variations

Color and Style Variations

Shortcode: Highlights and underlines

Lorem [highlight color=’green’]ipsum dolor[/highlight] sit amet,adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad [highlight color=’yellow’]minim veniam[/highlight], quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [highlight color=’theme’]Consectetur[/highlight] ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor [highlight color=’orange’]incididunt ut labore[/highlight] et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [highlight color=’magenta’]Lorem[/highlight] ipsum dolor sit amet, consectetur adipisicing elit, sed do [highlight color=’navy’]eiusmod tempor[/highlight] incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis [highlight color=’red’]nostrud exercitation[/highlight] ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem [underline type=’dotted’ color=’green’]dotted green[/underline] sit amet,adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad [underline type=” color=’yellow’]yellow solid[/underline], quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [underline color=’theme’]theme color solid[/underline] ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor [underline type=’dotted’ color=’orange’]dotted orange[/underline] et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [underline type=’dotted’  color=’magenta’]dotted magenta[/underline] ipsum dolor sit amet, consectetur adipisicing elit, sed do [underline type=” color=’navy’]navy solid[/underline] incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis [underline type=” color=’red’]red solid[/underline] ullamco laboris nisi ut aliquip ex ea commodo consequat.