With {Theme} comes many custom shortcodes for VC that are used to show content created in {Theme}. Below you will find short information about this VisualComposer elements:

Button Siver

This theme come with VC item that gave you option to create buttons that can be used in the theme.

This item contains many variation that will let you create button that will suit you best.

Button

• Button title – set the text that will be visible in the button
• Button size
  1. Default
  2. Extra Small
  3. Estato Success
  4. Small
  5. Large
• Button style
  1. Motive
  2. Motive dark hover
  3. Motive transparent
  4. Motive transparent, dark text
  5. Light
  6. Light dark hover
  7. Light transaprent
  8. Light transparent, dark text
• Full width button? – check Yes to make the button full width
• Button link

Styled Google Maps Settings

You can customise this element with options visible below:

General

• Adress – set the adress of the location you want to show on your map via map marker
• Lattitude – will work only when Adress will not be set
• Longitude – will work only when Adress will not be set
• Custom map height – set custom height of the map (px)
• Zoom – set the zoom of the map (by deafult it is set to 11)
• Map marker – add the image that will be used as a marker on the map
• Map style code – use style from snazzymaps for the map.

Siver Header

You can customise this element with options visible below:

General

• Header type – set the type of the header. The colors that are part of this type will work only when there will be no color set in the settings
  1. Center dark
  2. Center light
  3. Left aligned – light
  4. Left aligned – dark
  5. Left aligned type 2 – light
  6. Left aligned type 2 – dark
• Header level – set the level use for header
  1. h1
  2. h2
  3. h3
  4. h4
  5. h5
  6. h6
• Header title
• Header title font size (px)
• Header title color
• Header subtitle title
• Header subtitle font size (px)
• Header subtitle color
• Header top margin (px)
• Header bottom margin (px)

Iconbox

General 

• Number of icons – it can be set from 1 to 4
• Style
  1. Small Left Aligned
  2. Small Right Aligned
  3. With Background Left Aligned
  4. With Background Right Aligned

Icons 1 (you can set the number of icons to 4)

• Title – set the title used in the iconbox
• Text – enter a subtitle
• Icon – choose an icon that will be used for the iconbox

Iconbox Big Style

 

WIP

You can customise this element with options visible below:

General

• Layout
  1. One
  2. Two
• Columns count – from 1 to 10
• Navigation – check Yes to show navigation
• Autoplay – check Yes to turn on autoplay
• Autoplay speed – set delay for the autoplay in (ms)
• Speed [ms]
• First row images – choose image for the first row
• Images labels – set the label for each image (visible after hover)

Image Features

You can customise this element with options visible below:

General

• Layout
  1. Image on the left
  2. Image on the right
• Style
  1. Motive Light
  2. Motive Dark
  3. White

Feature 1, Feature 2, Feature 3, Feature 4

• Feature type
  1. None (skip this feature)
  2. Text
  3. Line
  4. Icon
  5. Line and icon
  6. Button
• Pointer line offset
• Pointer icon offset
• Line width
• Icon
• Icon title
• Icon subtitle

Image gallery

General

• Columns count  – choose how many images will be added to single column (from 1 to 5)
• Images – choose the images from the ones added to Media Gallery

Link to section

General

• Section to scroll to
• Text label
• Motive
  1. Light
  2. Dark
  3. Motive

Promo Icons

You can customise this element with options visible below:

General

• Style
  1. Transparent
  2. Vertical
  3. Horizontal
• Custom CSS class – add custo class to style the element

Icon 1, Icon 2, Icon 3, Icon 4, Icon 5, Icon 6

• Icon – set the icon for the button
• Image – set the backgroun for the icon box
• Icon color
• Icon text color
• Button enabled
• Button title
• Button link
• Button size
• Button style
• Button icon – avaliable for separated style buttons only
• Use custom colors for button? – check Yes if you wish to create button with custom colors
• Button text custom color
• Button background custom color

Promo Section

General

• Background color
• Image
• Title
• Subtitle
• Layout
  1. Buttons
  2. Email input

Email input (when Email input chosen in Layout option)

• Email input Contact Form id

Button 1, Button 2 (when Buttons input chosen in Layout option)

• Button enable – Check Yes to enable
• Button title
• Button link
• Button size
  1. Default
  2. Extra Small
  3. Estato Success
  4. Small
  5. Large
• Button style
  1. Accent Motive
  2. Dark
  3. Dark Separated
  4. White
  5. White Separated
  6. Transparent
• Button icon (for separated style buttons)
• Use custom colors for button? – Check Yes to use
• Button text custom color
• Button background custom color

Where to find Email input Contact Form ID? 

Open the settings page for Contact Form 7, and then open the contact form you want to add. Each contact form has its own shortcode. Just copy the ID from the contatc form and use for Email input Contact Form id.

Disrupt Socials

General

• Style
  1. Rounded motive
  2. Runded black
  3. Footer motive
• Tooltip position
  1. Bottom
  2. Top
  3. Right
  4. Left
  5. Hidden tooltip
• Open links in new tabs? – check Yes to enable the option
• Custom CSS class – add custom css class to style the Socials
• Facebook link, Twitter link, Instagram link, Pinterest link, Vkontakte link, Linkedin link, Rss linkn – add full link address to your social account

List

• Title
• List of features – create a list of features by adding them with a comma separated

Video

• Video – add the ID of the video you want to show on your site
• Host – choose between Youtube and Vimeo video
• Laptop Background – check yes if you want the video to be shown in a laptop background

Where to find ID of your Video? 

• • Youtube – It is very simple to find your YouTube video ID. First, go to the YouTube webpage. Look at the URL of that page, and at the end of it, you should see a combination of numbers and letters after an equal sign (=). This is the code you need to enter into your YouTube stack.
  • Vimeo
    1. To find your Video ID, go to the Vimeo page and find the video you want to put on your website.
    2. Once it is loaded, look at the URL and look for the numbers that come after the slash (/).
    3. This number is the Video ID and what you will use in your stack settings.

Woo Promo Section

General

• Background color
• Title text
• Title text color
• Subtitle text
• Subtitle text
• Show product number select – Check Yes to show
• Show product variations – Check Yes to show
• Enter product id

Button

• Button enabled
• Button title
• Button link
• Button size
  1. Defaukt
  2. Extra Small
  3. Small
  4. Large
• Button syle
  1. Accent motive
  2. Dark
  3. Dark separated
  4. White
  5. White separated
  6. Transparent
• Button icon (for separated style buttons)
• Use custom color for button – Check Yes to show
• Button text custom color: (avaliable only when Use custom color for button is checked)
• Button backgroun custom color: (avaliable only when Use custom color for button is checked)

Where to find product ID? 
A WooCommerce Product ID is sometimes needed when using shortcodes, widgets and links. To find the ID, go to  and hover over the product you need the ID for. The product ID number is displayed.

FAQ

Disrupt

• Title
• Subtitle

Shop locator

Avaliable option that can be set via this shortcode:

• Title
• Subtitle
• Small icon cluster
• Medium icon cluster
• Big icon cluster

Team display

Testimonial slider