Shortcodes

The theme comes with a number of shortcodes allowing you to add the info where you want the relevant content to show up. In addition, you can use Visual Composer to add new elements to the page in a simple way.

More information on how to use Visual Composer properly can be found here:

Counter shortcode

Style text - text color can be light or dark. Select option from the list

Title - add title for counter

Count - number should be added

Animation speed - specify the necessary animation effect

Block align - the alignment of the block (left, right, center)

Animate numbers on scroll -

Extra class name - class name for element. Allows to set up additional decorations for element in CSS style sheet.

Button shortcode

Parameters:

Link - The URL where the link from the button leads to.

Background color button - you can change buttons color with this option

Color text button - the text color

Align button - the way to align the button left, right, center.

Size button - the buttons size. It could be either small or large

Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheet.

In Animation section

Animation on scroll - a type of the animation on scroll

Duration animation - continuance of the animation

Pricing shortcode

Parameters:

Parent shortcode parameters:

Style - pricing block style. The following types are eligible: default,classic and modern

Dark/Light style - you can select here the color of pricing block

Column - the column width. Select 2,3or 4 columns

Divider - with this option dividing line can be enabled

Position price - choose price position: after description or after title

Alignment text - choose shortcode alignment: right, left or center

Extra class name - class name for element. Allows to set up additional decorations for element in CSS style sheet.

Parent shortcode parameters:

Style - pricing block style. The following types are eligible: default,classic and modern

Dark/Light style - you can select here the color of pricing block

Column - the column width. Select 2,3or 4 columns

Divider - with this option dividing line can be enabled

Position price - choose price position: after description or after title

Alignment text - choose shortcode alignment: right, left or center

Extra class name - class name for element. Allows to set up additional decorations for element in CSS style sheet.

Banner shortcode

Banner is a parent shortocode. You will need to add child shortcodes - Button and Headline (described above).

Parameters:

Style background - the background style. It can take one of the following values: Background image, Background color, Transparent

Width content banner - the width of banner content. It can be container or full width type. The last one can be used only if stretch row and content is applied

Background image - upload the image

Position Background image - alignment of the background image: center, left or right

Enable parallax effect - parallax is an effect where the background content or image in this case, is moved at a different speed than the foreground content while scrolling

Enable overlay - an effect where text is overlaid on a background image.

Enable shadow - click yes if you would like to add shadow effect

Space left and right - click yes to add additional spacing

Space left - click yes to add additional spacing only from left

Space left to width container - additional spacing left to width container

Gallery shortcode

Parameters:

Style gallery - the Gallery type. It can take one of the following values: Grid, Masonry

Animation popup - select from the list the most suitable type

Column - here you would need to select columns width.

Upload images - in this field just add images

Animation section:

Animation on scroll - a type of the animation on scroll

Duration animation - continuance of the animation

Job shortcode

Parameters:

Title - the Title for Jobs block

Price - price (salary)

Description - short description. It will be placed after price

Button - in this option add title and the URL where the link from the button leads to.

Extra class name - class name for element. Allows to set up additional decorations for element in CSS style sheet.

Blog shortcode

Parameters:

Style - the Blog style. It can take one of the following values: Default or Classic

Categories - mark the categories which should be involved

Columns - here you would need to select columns width.

Limit - a number of posts which should be displayed on page

Animation section

Animation on scroll - a type of the animation on scroll

Duration animation - continuance of the animation

Clients shortcode

Clients is a parent shortcode, which means you will need to add parent and than child shortcode:

Parent shortcode parameters:

Slider - the option enables slider. The value can be yes or no.

Opacity image - the attribute specifies the transparency of an object or of a group of objects, that is, the degree to which the background behind the element is overlaid. Select from the list an appropriate value.

Arrow slider - enables arrow pagination on the block. The value can be show or hide.

Divider slider - with this option dividing lines will appear between the slides. The value can be show or hide.

Count slides - select an amount of slides which should be displayed in this block

Extra class name - class name for element. Allows to set up additional decorations for element in CSS style sheets.

Animation:

Animation on scroll - a type of the animation on scroll

Duration animation - continuance of the animation

Child shortcode:

Image - upload image

Link image - The URL where the link from the image leads to.

Extra class name - class name for element. Allows to set up additional decorations for element in CSS style sheets.

Team shortcode

Parent shortcode

Style - the team block style. It can take one of the following values: default or classic

Column - the column width. You can place 1, 2, 3 or 4 columns.

Show info on hover - click yes if would like to display text along with hover

Custom background color info on hover - you can change hover color with the option

Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.