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 for Disrupt

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 enabled – check Yes to enabled the button
• 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
• Use Custom colors for button – check Yes to be able to choose button text and button background custom color

Contact Box

You can customise this element with options visible below:

Box 1, Box 2, Box 3

• Box info – add the bar information
• Subtitle – add subtitle text
• Icon
• Background color
• Text color
• Box Link – add link to the box

Bar

• Bar info – add the bar information
• Icon
• Background color
• Text color
• Bar Link – add link to the bar (optional)

Styled Google Maps

You can customise this element with options visible below:

General

• Address – set adress of the marker on the map
• Lattitude
• Longitude
• Custom map height – set height of the map
• Zoom
• Map Market – set image for the marker
• Map style code – use style from snazzymaps for the map.

Icon Box

General 

• Title
• Subtitle
• Number of icon rows: (1 or 2 )
• Style
• Icon color
• Icon title color
• Icon subtitle color

First Row Icons, Second Row Icons (avaliable 6 in each row)

• Icon 1
• Title 1
• Description 1
• Description uppercase 1 – Check Yes to make all the description text uppercase

Image carousel

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