Video Tutorial Currently Available! Launch the Joomla Using Typography Video Tutorial now!

Every RocketTheme template is accompanied by custom content styles known as Typography. This guide outlines how to use Typography in your content.

Typography - RokCandy Mode

All the typography in the template is using RokCandy syntax which is outlined at the RokCandy Examples page. In this guide, we will use the Attention Span Style, which uses the [div class="attention" class2="typo-icon"]...[/div] syntax.

  • Login to the Joomla administrator
  • Go to Content → Article Manager; or, if you wish to use the syntax in custom modules, Go to Extensions → Module Manager
  • Choose the Article, or Custom Module
  • Insert [div class="attention" class2="typo-icon"] .... some content .... [/div]
  • Save

As RokCandy is not affected by the stripping functions of the WYSIWYG editor, you can insert the RokCandy snippets without any issue. If you are in HTML mode, the snippets will still function.

Typography - HTML Mode

Every RokCandy typographical element can be used in its HTML form as outlined at the HTML Examples page. HTML typography allows for more custom control in the article but requires an additional step. In this guide, we will use the Attention Span Style, which uses the <div class="attention"><div class="typo-icon">...</div></div> syntax.

Content Editor

  • Login to the Joomla administrator
  • Go to Content → Article Manager; or, if you wish to use the syntax in custom modules, Go to Extensions → Module Manager
  • Choose the Article, or Custom Module
  • Click the HTML mode or equivalent in your editor
  • Insert <div class="attention"><div class="typo-icon"> ... some content ... </div></div>
  • Save
If you are using the TinyMCE editor, go to Extensions → Plugin Manager and select TinyMCE 2.0. Locate Code Clean-up on Save and select Never.

This prevents the stripping of HTML code from your content.

No Editor

  • Login to the Joomla administrator
  • Go to Content → Article Manager; or, if you wish to use the syntax in custom modules, Go to Extensions → Module Manager
  • Choose the Article, or Custom Module
  • Insert <div class="attention"><div class="typo-icon"> ... some content ... </div></div>
  • Save

Note, with the Content Editor (WYSIWYG) enabled, you need to enter HTML mode otherwise the typography will not work. If you are running no editor, this is not the case as you are interacting with the content at a code level.

Logo Facebook2Découvrez notre page Facebook et cliquez sur J’AIME!

Nous contacter

Info mairie St BenoitVous souhaitez poser une question ou nous faire part d'un commentaire, n'hésitez pas à nous contacter en cliquant sur le lien ci-dessous.

Contact

Newsflash

 picto2 ASSADAide à domicile

Vous êtes père ou mère de famille avec au moins un enfant de moins de 16 ans. Vous habitez sur le territoire d’Indre et Loire.
Vous avez besoin :
 d’être secondé ponctuellement,
Vous devez faire face à :
 une grossesse,
 une naissance ou une adoption,
 un problème de santé d’un parent ou d’un enfant,
 une rupture familiale,
 une reprise d’activité pour un monoparent,
 un décès d’un parent ou d’un enfant.
Les associations d'aide à domicile peuvent vous aider...

En savoir plus

Nous contacter

Info mairie St BenoitVous souhaitez poser une question ou nous faire part d'un commentaire, n'hésitez pas à nous contacter en cliquant sur le lien ci-dessous.

Contact

Droit d'accès

Toute personne citée ou photographiée sur ce site dispose d'un droit d'accès, de modification, de rectification et de suppression des données la concernant (Loi n° 78-17 du 06/01/78...)

Plus de détails

Site Login