SUNDAY, JUNE 20, 2021

Using Typography

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

Typography – Shortcodes Mode

All the typography in the template have shortcodes syntax which is outlined at the Shortcodes 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 WordPress Admin Dashboard
  • Go to Posts → Edit Post; or, if you wish to use the syntax in widgets, Go to Appearance → Widgets
  • Choose the Post, or place the text widget in any position
  • Insert [div class=”attention” class2=”typo-icon”] …. some content …. [/div]
  • Save

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

Typography – HTML Mode

Every shortcode 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 WordPress Admin Dashboard
  • Go to Posts → Edit Post; or, if you wish to use the syntax in widgets, Go to Appearance → Widgets
  • Choose the Post, or place the text widget in any position
  • Click the HTML mode or equivalent in your editor
  • 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.

MINDEN VÉLEMÉNY SZÁMÍT!


System Requirements

The following are required for Zephyr to operate fully:

  • WordPress 3.x (latest version)
  • Gantry v1.12 or higher
  • PHP 5.2 or higher

Videos: Gantry

RocketLauncher

  • Replicate this demo with RocketLauncher, inclusive of the theme and content.

    More Information

Multi-Column Menu

If you use 2,3 or 4 columns in Fusion, you will need to increase the Drop-Down Width (px) value in the menu item settings.

More Information

Contact Info

  • Zephyr Developers Inc.
  • 9090 Cascade Boulevard,
  • Miami, Florida, 23490, USA
  • Tel: (555) 555-55555

Demo Information

  • All sample content is for demo purposes only, intended to exemplify a live site. All images and materials are the copyright of their respective owners.
  • Additionally, this demo, in a modified form for distribution purposes, is available for download in the RocketLauncher format.

Popup Widget

This is the Popup Widget. Add any widget to the popup widget position, and place anywhere Gantry Popup widget to trigger the RokBox.

You can configure its height and width from the widget settings.

More Information