Ladd McNamara, M.D discusses the future of medicine both as it relates to health, supplementation, and how health professionals are finding new ways to increase income in an ever evolving world!

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.

Leave a Reply


Site Search

Follow Me On:

Subscribe for Updates

* First Name:
* Last Name:
* E-mail:
Comments:

Medical Disclaimer

Information on this web site is provided for informational purposes only. The information is a result of years of practice experience and study by the author. This information is not intended as a substitute for the advice provided by your physician or other healthcare professional or any information contained on or in any product label or packaging. Do not use the information on this website for diagnosing or treating a health problem or disease, or prescribing medication or other treatment. Always speak with your physician or other healthcare professional before taking any medication or nutritional, herbal or homeopathic supplement, or using any treatment for a health problem. If you have or suspect that you have a medical problem, contact your health care provider promptly. Do not disregard professional medical advice or delay in seeking professional advice because of something you have read on this web site. Information provided on this web site and the use of any products or services purchased from this website (or as a result of information provided this website) by you DOES NOT create a doctor-patient relationship between you and any of the physicians or authors affiliated with this website. Information and statements regarding dietary supplements have not been evaluated by the Food and Drug Administration and are not intended to diagnose, treat, cure, or prevent any disease.