Using Replicant Typography
Using Elemental Typography

A guide to utilizing the included Replicant typography styles and elements into your site as well as instructions for inserting typography using the HTML editor option of your WYSIWYG editor.

This page provides detailed instructions for using the Typography styles included in Replicant in your site. If you would like to see all of the Typography styles in action, check out the Replicant Typography Page.

Every RocketTheme template has its own set of content styles, these styles are known as Typography. Typography can come in a number of varying and diverse formats, ranging from simple text modifications to image insertions to improve the look, layout of your website and give it life. This tutorial will take you through the necessary steps to adding typography to your Joomla! content.

Inserting Typography with the HTML Editor

To insert the Typography into your content, you must use the HTML feature of all Joomla! content editors. The following tutorial will outline the steps in which to does this with the default Joomla! content edit, TinyMCE. Please be aware, even though there are other content editors available, all are basically the same and the steps with be just as effective if you are using another Content editor.

Please note that the following tutorial will show you how to insert HTML (typography) into Article, the same precedure is apparent for Content Items and Custom modules.
  • Login to the Joomla! Administration Control Panel. Either, use the Administrator link on your mainmenu when you are logged into the Frontend of your website or use the direct web address of the Administrator Control Panel, Enter the Administrator's Username and password.

  • Navigate to the Article Manager. Once you have logged in, hover over the Content link on the top taskbar, scroll down to Article Manager.

  • The Article Manager
    When you have selected the Article Manager link, you will be sent to the Article Manager control panel. Select either Edit or New, depending on whether you want to add typography to an existing or new item.

  • The HTML icon
    To add typography to your content, you must enter the HTML mode of the Content editor. In the TinyMCE editor, this an icon called "HTML", in some other content editors, it is a tab but with be clearly marked for easy navigation. Push the icon to enter HTML mode.

  • The HTML Editor
    A popup shall appear with your content in HTML format. You shall do all your editing here for typography.

You will not see the effects in the content editor, all style affects are only visible on the Frontend of your Joomla! website.