Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraph text… Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Underlined

Custom color

Bold

Italic

~~Strikethrough~~

Link

Bullet list item 1
Bullet list item 2
Bullet list item 3
Bullet list item 4
Bullet list item 5

Numbered list item 1
Numbered list item 2
Numbered list item 3
Numbered list item 4
Numbered list item 5

Blockquote text… Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Horizontal line:

Paragraph aligned to the center. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Paragraph aligned to the right. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

SHORTCODES:

ROW SHORTCODE

used as COL’s shortcode wrapper in order to build columns box
all COL shortcodes must be wrapped inside ROW shortcode

COL SHORTCODE

used to define columns for content
width for column is defined by number at the end of class attribute of this shortcode. That number can be from 1 to 12. col-xxx-1 means 1/12 of row width, col-xxx-6 means 6/12 of row width(half size column) and col-xxx-12 means 12/12 of row width(full row width)
for every COL shortcode in class name there also must be defined for which screen size that column width applies. Possible values are “xs“, “sm“, “md” and “lg“.
- XS – Extra small devices (phones, less than 768px)
- SM – Small devices (tablets, 768px and up)
- Medium devices (desktops, 992px and up)
- Large devices (large desktops, 1200px and up)
by using multiple classes, you can define different columns sizing for different device sizes. Fore example if you want two columns in a row on desktop, a one column per row on mobile, you can simple use this classes for shortcode attribute: class=”col-xs-12 col-md-6″
because all sizes except XS are for that size and up, there is no need to enter all possible devices. So if you want half column on all screen sizes, you only should write: class=”col-xs-6 col-sm-6″ because as written above: SM – Small devices (tablets, 768px and up)

Example (two columns on desktop and one column on mobile):

[row]

[col class="col-xs-12 col-md-6"]First column content here…[/col]
[col class="col-xs-12 col-md-6"]Second column content here…[/col]

[/row]

Result:

First column content here…

Second column content here…

Example (two columns on mobile, four columns on medium screen and six columns on large screen):

[row]

[col class="col-xs-6 col-md-3 col-lg-2"]1st column[/col]
[col class="col-xs-6 col-md-3 col-lg-2"]2nd column[/col]
[col class="col-xs-6 col-md-3 col-lg-2"]3rd column[/col]
[col class="col-xs-6 col-md-3 col-lg-2"]4th column[/col]
[col class="col-xs-6 col-md-3 col-lg-2"]5th column[/col]
[col class="col-xs-6 col-md-3 col-lg-2"]6th column[/col]
[col class="col-xs-6 col-md-3 col-lg-2"]7th column[/col]
[col class="col-xs-6 col-md-3 col-lg-2"]8th column[/col]

[/row]

Result:

1st column

2nd column

3rd column

4th column

5th column

6th column

7th column

8th column

CURRENT DATE SHORTCODE

prints any data in any format from current date/time
syntax (with default values): [current_date format="d F Y"]
for meaning of format characters please visit http://codex.wordpress.org/Formatting_Date_and_Time

ENCRYPT SHORTCODE

encrypts email addresses to prevent spam bots getting your email
syntax: [encrypt email="your@email.address"]

TEXT WITH THUMBNAIL IMAGE SHORTCODE

create text with title(h2 tag), content, and image aligned to left/right
syntax: [content_with_image title="Title here" image_position="left" image_size="thumbnail" image_id="" image_border="yes" image_link="full_image" image_link_new_window="no" content_margin_top="0" enable_lightbox="yes" allow_content_below_image="no"]content here…[/content_with_image]
- title: title for h2 tag(goes above the content)
- image_position: should image be aligned to left or right
- image_size: size of thumbnail image
- image_id: ID of media library image(can be seen at media library inside admin panel)
- image_border: should image has a border
- image_link: size of large image, if lightbox is enabled, otherwise an URL
- image_link_new_window: if the image_link is pointing to an URL, should it be opened in a new window
- content_margin_top: top margin for content. Enter value by using px as value. For example: 10px
- enable_lightbox: enable/disable lightbox when clicking on image thumb
- allow_content_below_image: allow/disallow the content beneath the image

Example:

[content_with_image title="Title here" image_id="124"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/content_with_image]

Result:

Example 2:

[content_with_image title="Title here" image_id="124" image_position="right" image_size="medium" image_id="124" image_link="thumbnail"]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/content_with_image]