Creating Beautiful Content With Simple Code

Typography is a fundamental part of a template, providing you with the tools to characterise your content and bring it to life. There is a vast array of typography available with Ximenia template, as is with our previous releases, from list styles, notice blocks and a diverse number of other elements.

To replicate, use the following format: <span class=”icon-name“><span> or [span class="icon-name"]…[/span] (SHORTCODE). The icons name are listed below, such as “icon-signal“.

Text using icon-adjust

Text using icon-asterisk

Text using icon-calendar

Text using icon-flag

Text using icon-external-link

Text using icon-gift

Text using icon-print

Text using icon-group

Text using icon-signal

Text using icon-shopping-cart

Text using icon-leaf

Text using icon-download-alt

<ul> List Styles (Icons)

To replicate, use the following format: <ul class=”list-icon icon_name”><li>….</li><li>….</li>…</ul> (HTML) or [list class=”list-icon icon_name”][li]….[/li][li….[/li][/list] (SHORTCODE). The icon names are listed below, such as “cart“.

A list item using the list-icon email class.

A list item using the list-icon email class.

A list item using the list-icon phone class.

A list item using the list-icon phone class.

A list item using the list-icon quote class.

A list item using the list-icon quote class.

A list item using the list-icon twitter class.

A list item using the list-icon twitter class.

A list item using the list-icon youtube class.

A list item using the list-icon youtube class.

A list item using the list-icon facebook class.

A list item using the list-icon facebook class.

A list item using the list-icon cart class.

A list item using the list-icon cart class.

A list item using the list-icon tags class.

A list item using the list-icon tags class.

A list item using the list-icon write class.

A list item using the list-icon write class.

A list item using the list-icon info class.

A list item using the list-icon info class.

A list item using the list-icon sound class.

A list item using the list-icon sound class.

A list item using the list-icon rightarrow class.

A list item using the list-icon rightarrow class.

A list item using the list-icon skype class.

A list item using the list-icon skype class.

A list item using the list-icon rss class.

A list item using the list-icon rss class.

A list item using the list-icon leftarrow class.

A list item using the list-icon leftarrow class.

A list item using the list-icon circlearrow class.

A list item using the list-icon circlearrow class.

A list item using the list-icon dropbox class.

A list item using the list-icon dropbox class.

A list item using the list-icon vimeo class.

A list item using the list-icon vimeo class.

A list item using the list-icon downarrow class.

A list item using the list-icon downarrow class.

A list item using the list-icon video class.

A list item using the list-icon video class.

A list item using the list-icon like class.

A list item using the list-icon like class.

A list item using the list-icon uparrow class.

A list item using the list-icon uparrow class.

A list item using the list-icon person class.

A list item using the list-icon person class.

A list item using the list-icon calendar class.

A list item using the list-icon calendar class.

A list item using the list-icon bulb class.

A list item using the list-icon bulb class.

A list item using the list-icon paypal class.

A list item using the list-icon paypal class.

A list item using the list-icon doc class.

A list item using the list-icon doc class.

<ul> List Styles (CSS3)

These list styles are based on the latest CSS3 techniques and are designed to work in modern browsers (will not display properly in IE6-IE8).

To replicate, use the following format: <ul class=”class name”><li>….</li><li>….</li>…</ul> (HTML) or [list class="class name"][li]….[/li][li….[/li][/list] (SHORTCODE). The class names are listed below, such as “checkmark red“.