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:

Below is a list of the shortcodes included in the theme:

Parameters:

  • Style –  style 4
  • Images – upload images

Custom text block shortcode:

Parameters:

  • Style – the custom text block style. It can take one of the following values: style 1, style 2, style 3, style 4 
  • Element position – the block`s alignment ( right, left, center, default)
  • Heading for title – select heading style 
  • Title 1 – the custom text first title 
  • Title 2 – the custom text second title 
  • Subtitle – the custom text subtitle. it should be placed before the title
  • Text – short description text
  • Button text – the button`s title
  • Button URL – the URL where the link from the button leads to

Info block shortcode

Parameters:

  • Image – upload image 
  • Text – add text in this field

Contacts shortcode 

Parameters:

  • Style – the contact type. It can take the following values: style 1, style 2, style 3, style 4
  • Text – a short text description should be added
  • Address – add your address
  • Email – add your email
  • Phone – add your phone

Image banner shortcode

Parameters:

  • Style Banner – the banner type. It can take one of the following values: default, center content, right/left content
  • Full height – click yes to enable full height
  • Top align text – click yes to enable top align text
  • Heading – select the heading style
  • Title – the banner title 
  • Subtitle – the banner subtitle

Custom text block shortcode

Parameters:

  • Style – the custom text style. It can take one of the following values: style, 1 style 2, style 3, style 4
  • Element position – the block alignment: default, left, center, right
  • Heading for title- the title heading style (from H1 to H6)
  • Title – the custom text block title
  • Title 2 –  the custom text block title (second)
  • Subtitle – the custom text block subtitle 
  • Text – a short text description
  • Button text – add title for button
  • Button URL – the URL where the link from the button leads to.

Services shortcode

Parameters:

  • Style – It can take one of the following values: default, classic, simple
  • Title – the title services block
  • Image – upload image  
  • Editor type – the editor type. It can take one of the following values: simple text, editor
  • Text – a short text description
  • Title color – select color for title
  • Description color –  select color for Text field 

Team shortcode

General:

  • Type Gallery – the team type. It can take one of the following values: default, modern, classic, full height
  • Name – The team member’s name.
  • Position – the team member`s position
  • Photo – upload image

Social URL section:

  • Twitter – enter twitter social link url.
  • Facebook – enter facebook social link url.
  • Google + –  enter social link url.
  • Dribbble – enter Dribbble social link url.

Line of images shortcode

Parameters:

  • Style – the Line of images style. It can take one of the following values: logos with link (style 1), logos with link (style 2), only images

Values: 

  • Image – upload image
  • URL – add URL to images.

Testimonials shortcode

Parent shortcode parameters:

  • Background image –  upload background image 
  • Autoplay (sec) –  allows autostart playback (in seconds). 0 – off autoplay.
  • Speed – speed animation. Default 1000 milliseconds
  • Loop – click yes to enable loop
  • Extra class name – class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Child shortcode parameters:

  • Image – upload image 
  • Content – a short description feedback
  • Author`s name – add name

Skills shortcode

Parameters:

  • Main title – the Skills block title

Values:

  • Title – add title for each value
  • Numbers – add numbers
  • Extra class name – class name for the element. Allows to set up additional decorations for the element in CSS stylesheets.

Portfolio slider shortcode

Parameters:

  • Style – the portfolio slider style. 
  • Image original size – the image size:
  • Select categories – choose categories
  • Sort order – Select how to sort retrieved posts.
  • Autoplay –  allows autostart playback (in seconds). 0 – off autoplay.
  • Speed – speed animation. Default 1000 milliseconds
  • Loop – – click yes to enable loop effect
  • Count items – a number of displayed items
  • Linked to detail page –  if select yes, the link will lead to detail page 

Portfolio list shortcode

Parameters:

  • Style – the portfolio list style. Can take one of the following values: simple, classic, classic big, grid, grid with category, Grid modern, grid gap, masontry modern, tile masonry, pinterest, adjusted.
  • Image original size – the image size. Select from the list an appropriate value
  • Select categories –  choose categories
  • Order by –  select how to sort posts.
  • Sort order – select ascending or descending order
  • Space – change space between albums only (letters)
  • Select amount of columns – choose number of columns on the block: four, three, two
  • Select hover for items – the type of items hover. select from the list 
  • Reverse hover – click yes to enable reverse hover
  • Add category filter – click yes to add category filter
  • Count items – number of posts on page
  • Enable Button “Load more”- click yes to add the button
  • Linked to detail page – if select yes, the link will lead to detail page 

Post list shortcode

Parameters:

  • Style – the post list type. It can take one of the following values: Simple, Grid, Masonry and Big gap
  • Post types –  the post type: posts, pages, portfolio,product, …
  • Enable pagination – click yes to add pagination
  • Count posts – a number of posts displayed on page
  • Order by – select how to sort posts
  • Sort order – select ascending or descending order
  • Select categories – choose categories from the list

Instagram shortcode

Parameters:

  • Username – add your username 
  • Count images – number of images displayed on page
  • Style – choose the style from the drop-down list. It can take one of the following values: style 1, style 2
  • Extra class name – class name for the element. Allows to set up additional decorations for the element in CSS stylesheets.

Coming soon shortcode

Parameters:

  • Title – the coming soon block title 
  • Subtitle –  the coming soon block subtitle 
  • Date – date of coming event
  • Image – upload the background image
  • URL Button –  the URL where the link from the button leads to
  • Label button – button`s title

Desktop/Mobile section:

  • Days/Hours/Minutes/Seconds – add how this data should be displayed on mobile/desktop

Full modern slider shortcode

Parameters:

  • Image for banner – upload image for banner
  • Extra class name – class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Sofia Gallery shortcode

Parameters: 

  • Type gallery – the gallery type
  • Height row – the row height
  • Hide image title on hover – click yes to hide image title on hover
  • Hide hover on images – click yes to hide hover on images
  • Image original size – select image size
  • Images – upload images

Gallery with left filter shortcode

Parameters:

  • Select albums – select albums from the list
  • Style for gallery – the gallery type. It can take one of the following values: 3 columns, 4 columns
  • Enable sort images by random – click yes to enable the random sorting option 

Portfolio with animation shortcode

Parameters:

  • Image for original size – the image size. It can take one of the following values: full, thumbnail, medium, large, shop-catalog, etc.
  • Select categories – choose categories from the list
  • Order by – select how to sort posts
  • Sort order – select ascending or descending order
  • Count items – add number of posts which should display on page
  • Linked to detail page – choose yes to enable linked to detailed page 

Exhibition portfolio shortcode

Parameters:

  • Image original size – the image size. It can take one of the following values: full, thumbnail, medium, large, shop-catalog, etc.
  • Select categories – choose categories from the list
  • Order by – select how to sort posts
  • Sort order – select ascending or descending order
  • Linked to detail page – choose yes to enable linked to detailed page 

Home full screen vimeo shortcode

Parameters:

  • Video type – select the video type. It can take one of the following values: Vimeo, Youtube
  • Vimeo Video ID – add Vimeo video ID
  • Autoplay video  –  click yes to enable autoplay video option

Video banner shortcode

Parameters:

  • Preview image – upload image for preview 
  • Video link – insert your video link
  • Autoplay –  click yes to enable autoplay option
  • Mute sound – click yes to enable mute option
  • Show info  – click yes to enable more info
  • Video begins from  – add time ( in sec)
  • Video ends at – add time ( in sec)
  • Extra class name – class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Twitter Posts shortcode

Parameters:

  • Style – the twitter style. It can take one of the following values: one post, slider
  • Twitter user – add twitter user name 
  • Select icon – upload icon
  • Extra class name – class name for element. Allows to set up additional decorations for element in CSS stylesheets

Kenburns slider shortcode

Parameters:

  • Images for banner – upload images for banner
  • Style slider – the slider type. It can take one of the following values: zoom effect, fade effect
  • Hide title  – click on to hide the title/text
  • Sound background –  upload sound  
  • Sound autoplay – click yes to enable autoplay sound option
  • Extra class name – class name for the element. Allows to set up additional decorations for element in CSS stylesheets

Clients shortcode

Parameters:

  • Select clients – choose clients from the list
  • Image original size – select image size: full,  thumbnails, medium, medium-large, etc
  • Select count of columns – number of columns on page: two, three, four

Whizz splited slider

Parameters:

  • Images – add images
  • Loop -click yes to enable loop on the page
  • Height – select the height type
  • Keyboard – click on to add keyboard
  • Controls – click on to add controls option

Pricing shortcode

Parameters:

  • Image – upload image 
  • Background color – add the color for background
  • Color Mask – select an appropriate color 
  • Title/subtitle – the pricing title/subtitle 
  • Button link – the URL where the link from the button leads to
  • Button text – the button title 
  • Content – a short pricing block description

Full screen slider shortcode

Parameters:

  • Type – select the slider type.
  • Images for banner – add image
  • Sound background – add the sound if necessary
  • Sound autoplay – click on to enable autoplay option

Pricing gallery shortcode

Parameters:

  • Images – upload images 
  • Title/subtitle – the pricing title/subtitle
  • Currency – add currency symbol
  • Price – add price
  • Description –  a short block description

Video shortcode

Parameters:

  • Preview image – image which will be displayed before video starts
  • Title – the video block title
  • Start play – select either click or hover option
  • Video services – the video type: YouTube, Vimeo, other
  • Video link – the video link
  • Controls – click on to enable controls option
  • Mute sound – click on to enable sound option
  • Show info – click on to add additional info
  • Video begins from – fill in the  seconds from which the video starts to play
  • Video ends at – fill in the seconds at which the video starts to play
  • Extra class name – class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Simple full screen video shortcode

Parameters:

  • Video type – select the video type. It can take one of the following values: YouTube, Vimeo
  • Video link – insert your video link
  • Autoplay video – click on to enable video autoplay

Banner simple slider

Parameters:

  • Images – upload images
  • Extra class name – class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Was this article helpful?

Related Articles