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!

Available are shortcodes:

Button
Lists
Notification
Raw
Horizontal rule
Modal Window Link
Modal Window Content

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

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

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

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

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

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