Text Size
   

Using Typography

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 have RokCandy syntax which is outlined at the RokCandy Examples page. In this guide, we will use the Attention Span Style, which uses the [span class=attention]...[/span] 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 [span class=attention] .... some content .... [/span]
  • 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 <span class="attention">...</span> 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 <span class="attention"> ... some content ... </span>
  • 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 <span class="attention"> ... some content ... </span>
  • 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.

Featured Clients

We provide the technological expertise that many renown businesses and institutions around the world rely on a daily basis to power their website, email, domain or e-commerce platform. It's no wonder more people trust us than most other internet service providers.

Our Featured Clients

Discover Webhosting

ImageEstablish your identity on the web

Are you wondering what is webhosting, and how we can help you take your business to the next level with our premium solutions?

We're Different

ImageCustomized Solutions for Your Web-based Needs

If you have had experience in webhosting, you may realize that some companies purporting to offer "unlimited" resources are often sacrificing reliability for cost. If your website is important to you, it's critical to choose a provider that values network response time and has non-overselling policies. CIAN Technologies Inc. can provide your website the optimal package that fits your resource needs as efficiently and cost-effectively as possible. Contact us today!