Shortcodes Example

Inset Styles

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Inset Right TitleYou will need to use the following formatting: [inset side="right" title="Inset Right Title"] ... some content ...[/inset] Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Inset Left TitleYou will need to use the following formatting: [inset side="left" title="Inset Left Title"] ... some content ...[/inset]Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Important Emphasis Styles

Sample TitleThis is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting: [important title="Sample Title"]...some content[/important]

Notice Styles

This is a sample of the 'attention' style. Use this style to denote very important information to your users. To use this use the following html: [div class="attention" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'notice' style. Use this style to denote very important information to your users. To use this use the following html: [div class="notice" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'alert' style. Use this style to denote very important information to your users. To use this use the following html: [div class="alert" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'download' style. Use this style to denote very important information to your users. To use this use the following html: [div class="download" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'approved' style. Use this style to denote very important information to your users. To use this use the following html: [div class="approved" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'media' style. Use this style to denote very important information to your users. To use this use the following html: [div class="media" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'note' style. Use this style to denote very important information to your users. To use this use the following html: [div class="note" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'cart' style. Use this style to denote very important information to your users. To use this use the following html: [div class="card" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'camera' style. Use this style to denote very important information to your users. To use this use the following html: [div class="camera" class2="typo-icon"] ...some content.... [/div]
This is a sample of the 'doc' style. Use this style to denote very important information to your users. To use this use the following html: [div class="doc" class2="typo-icon"] ...some content.... [/div]

Pre Example

 This is a sample [pre] ... [/pre] tag: div.modulebox-black div.bx1 { background: url(../images/black/box_bl.png) 0 100% no-repeat; } div.modulebox-black div.bx2 { background: url(../images/black/box_tr.png) 100% 0 no-r

epeat; } div.modulebox-black div.bx3 { background: url(../images/black/box_tl.png) 0 0 no-repeat; padding: 0; margin: 0; }

Pages: 1 2

Leave a Reply

You must be logged in to post a comment.

Gantry Features

Below is a list of some of the top features of Gantry

1RTL Support: automatically flip the entire modular structure of Gantry when RTL languages are detected.

2Custom Presets: an intuitive and simple user interface for creating and saving your own custom presets.

3Content Control: set the theme options on a per post/page/taxonomy etc. basis, such as the layout controls.

4Gantry GZipper: RokGZipper functionality built straight into the Gantry core for its CSS/JS items.