Support

Tooltips, lists, titles and helpers

November 7th, 2012 in Shortcodes documentation, Support

Alignments

Example screenshot

Alignments used for images

Shortcode usage

Add alignleft or alignright to any image or element to align it to the left or right.

Lists

Example screenshot

Example code

[arrow_list]
  • Example 1
  • Example 2
[/arrow_list]

Shortcode usage

Copy & paste the code above inside your pages or posts. Replace the [arrow_list] with [check_list] if you want to create a list with ticks instead of arrows (like our example above).

Helper classes

Helpers Usage

To use the following classes in your theme, add them to any element.

  • class=”hide” – Adds display: none and visibility: hidden to an element.
  • [break] – Adds a div with a 25px height. It’s very useful for adding vertical spacing between elements in your theme.
  • class=”clear” – Adds clear:both, which clears any floats from above elements.
  • class=”float-none” – Removes float:left or float:right from an element.
  • class=”float-left” – Adds float:left to an element.
  • class=”float-right” – Adds float:right to an element.
  • [divider] – Adds a div with a top border of 1px and 20px top and bottom margin.

Tooltips

Usage

To add tooltips, just add class=”tooltip” to any element. The tooltip content will be pulled from the title=”” tag of the respective element. Inside the title tag, the ” – ” acts as a separator between the actual tooltip title and the tooltip body content.

Text highlights

Example screenshot

Text highlights

Example code

[highlight1]blank highlighted text[/highlight1]
[highlight2]gray highlighted text[/highlight2]

Shortcode usage

Copy & paste the code above inside your pages or posts.

Special titles

Example code

[special_title title="Actual title here ..."]
Special title subheading here ...
[/special_title] 

Shortcode usage

Copy & paste the code above inside your pages or posts.

Headings description text

Example code

[description]Description content text here ...[/description] 

Shortcode usage

Copy & paste the code above inside your pages or posts. It’s recommended to use this text under H1,H2,H3,H4,H5 or H6 headings.

    Hummingbird Web Solutions Pvt Ltd. Copyright © 2014. Premium WordPress Themes - Terms & Conditions