How do I use Shortcodes?

Updated: August 18, 2016

Our themes provide more shortcodes which you can find via icon in visual editor:

To see the real look and results of shortcodes do not forget visit our preview sites of themes!

Shortcodes

Available are shortcodes:

Button

With many options available for this shortcode you can easily render any button on your site.

  • Title – type the title displayed on button
  • Title Color – select the color for button title
  • Description – type the description text which is displayed with title on button
  • Description Color – select the color for description text
  • Text Alignment – select Center, Left or Right alignment for text on button
  • Width – specify the width of button
  • URL – type URL which will be opened after click on button
  • Button Color – select the color of button
  • Button Alignment – select Center, Left or Right alignment for button, or select None to do not align button in content
  • Icon – type URL of image which will be displayed in button as icon
  • Icon Position – select Left, Right, Top or Bottom position of icon on button
  • Top Margin – specify the space above button
  • Left Margin – specify the space on the left of button
  • Right Margin – specify the space on the right of button
  • Bottom Margin – specify the space below button

Button Shortcode

top

Lists

Lists shortcode create styled html list on your page.

  • Layout – select Fullwidth or Halfwidth layout of list
  • Style – select style for list
  • Lines – enable or disable showing of lines between list items

List Shortcode

top

Notification

Notification shortcode render on your page Warning, Success, Information or Attention box.

  • Type – select type of Notification box, available are Warning, Success, Information or Attention types

Notification Shortcode

top

Raw

Raw shortcode prevent adding of WordPress autoformatting, for example automatic adding of <br> or <p> tags.

This shortcode don’t have any options.

top

Horizontal rule

Shortcode render line in page content.

  • Type – select type of rule, available are options:
    Basic: basic line
    Top: line with button to move on the top of screen
    Empty Line: empty invisible line
    Clear Floated Only: clear floated elements

Horizontal rule Shortcode

top

Modal Window Link shortcode create on your site link to content which will be opened in the popup after click.
As link may be used simple text, button or image as well.

  • Type – select type of modal window link, available is Simple text link or Button, to use image as link, simply put between shortcodes instead simple text html code of image
  • Link text – text which will be displayed as link
  • Modal Window Link name – name of the modal window link, this name must be the same as the name of modal window content!
  • Width – width of modal window
  • Height – height of modal window

Modal Window Link Shortcode

top

Modal Window Content shortcode store the content of modal window.

  • Modal Window Content name – name of the modal window content, this name must be the same as the name of modal window link!
  • Content – type the content which will be displayed in modal window

Modal Window Content Shortcode

top