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:

• FAQ
• Video tutorials

Below is a list of shortcodes included in Tutor  theme.

Text and Icon shortcode:

Parameters:

Formidable shortcode

 Parameters:

• Select form -  here you can select from the list a desirable form type
• Form width - the form`s width. It can take one of the following values: full, 80%, 65%, 50%
• Style form - the form style. It can take one of the following values: Default or Consultant
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets

Animation section:

• Animation on scroll -  a type of the animation on scroll
• Duration animation -  continuance of the animation

Headline shortcode

Parameters:

• Style headings - the heading type. It can take one of the following values: default, classic,modern
• Title - the title for headline 
• Subtitle - the subtitle for headline.  
• Description - a short description, it will be placed under the subtitle
• Custom font size description - click yes if you would like to custom font for description field
• Width - the width format for title, subtitle and description fields
• Style subtitle text - the subtitle style. It could be light or dark
• Size title - the title size. It can take one of the following values: small, medium, large, extra large, custom
• Color title - with this option you can change title color
• Font size subtitle - the subtitle font size. Select an appropriate one from the list
• Color subtitle - with this option you can change subtitle color
• Align - select alignment for this block
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Image shortcode

Parameters:

• Height (in px) - the image height. Should be in px.
• Image - upload image in this section
• Background size - the image size. It could take one of the following values: cover or contain
• Repeat image - enable this option to have the image repeated
• Position image - alignment of the block
• Enable overlay - click yes if you would like to add overlay effect
• Space left - click yes to enable spacing from the left side
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Animation section:

• Animation on scroll -  a type of the animation on scroll
• Duration animation -  continuance of the animation

Calendar shortcode

Parameters:

• Shortcode calendar - in this field add shortcode. You can find the shortcodes going to  Dashboard > Appointments > Settings > Shortcodes
• Style theme calendar - click yes to change calendar colors

• Size font - the font size of this block. It can be of the following values: small or large
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheet.

Animation section:

• Animation on scroll - a type of the animation on scroll
• Duration animation -  continuance of the animation

Testimonials shortcode

Parent shortcode:

• Style - testimonials can be of the following style: light or dark
• Count slides - select an appropriate number of slides ( from 1 to 4)
• Loop - choose yes to enable repeated slides effect
• Auto play - Slides will change automatically during the selected time seconds
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS style sheet.

Child shortcode:

• Image - a photo
• Name - the person`s name
• Description - a short feedback 
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheet.

Services shortcode

Parent shortcode:

• Design style - the services block style. It can take one of the following values: Default, Classic, Modern
• Image - upload the image 
• Show the small picture instead of a large picture on hover - click yes if would like to enable this option on hover
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheet.

Animation section:

• Animation on scroll - a type of the animation on scroll
• Duration animation -  continuance of the animation

Child shortcode parameters:

• Title - the title of the block
• Description - the block`s description. It will be placed under the title 
• Text after Description - you can add additional text after description field by admitting this option
• Style colors - the color type. It can be of following values:dark or light 
• Upload custom icon - click yes to add custom icon
• Icon library - select an appropriate type from proposed list
• Iconset - upload an image in this option
• Size icon - the icon size. it could be default or small
• Label icon - enable this option if you would like to add label. It can be placed befor or after title (Output label text option)
• Font style title - the title  font style, should be selected from the list
• Title color - here you can change title color

Counter shortcode

Parameters:

• Style - the counter block style. Select form drop down list most appropriate type
• 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 - click on to add numbers animation effect when scrolling the page
• 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