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 Estato

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

Icon Box for Estato

Below you will see all the avaliable options that can or need to be set to use IconBox for Estato element on page:

General

• Number of icons – you can set here number of icons visible in row (1, 2, 3, 4). We recommend to use one Pricing tables for Estato element in single row to get the best effect using this element.
• Motive – choose color style used for this element
  1. Dark
  2. Light
• Title – Set the title for this element

Column 1, Column3, Column 3, Column 4  (number of columns tab depends on the nuber of tables set in General tab)

• Title
• Icon
• Description

Button  (add button under Icon Boxes) 

• Buttn enable
• Button title
• Button link
• Button size
• Button style
• Trabsparent Estato Style for button? – check Yes to tur on the option
• Custom CSS class for button

Create Icon Box example like on the Icon Box example image:

To create a Icon Box section with a background static image:

• Step1: Create a row section
  

  Add Row section

• Step2 :  Choose the Edit row option (1) and in the General tab add the background image (2) from Media library gallery.

   

  

  Adding background image

• Step3: Add Icon Box For Estato by clicking  in Row and choosing it from Add Element options

   

  

  Adding Icon Box for Estato

• Step4: Set the shortcode options as you wish.

Remember to Update the changes on the page to save them.

Image carousel

Below you will see all the avaliable options that can or need to be set to use Image carousel for Estato element on page:

General

• Title
• Display navigation – check Yes to show the navigation of the carousel
• Items count – number of images that wil shown at once on the desktop (this option will not work the mobile version of the carousel)
• Pagination – check Yes pagination to show it.
• Autoplay – check Yes to show pagination
• Images – add images from Media Library or Upload Files from your computer

Latest Posts

You can custom this element using options from the settings option below.

General

• Title
• Limit
• Custom class
• Order
  1. Ascending
  2. Descending
• Order by
  1. Date
  2. ID
  3. Author
  4. Title
  5. Slug
  6. Modifier
  7. Order by parent id
  8. Random order
  9. Order by Page order

Button 

• Button enabled
• Button title
• Button link
• Button size
  1. Default
  2. Extra Small
  3. Small
  4. Large
• Button style
  1. Estato Default
  2. Estato Primary
  3. Estato Success
  4. Estato Info
  5. Estato Warning
  6. Estato Danger
  7. Estato Dark
  8. Estato Link
• Transparent Estato Style for button?  – check Yes to remove button background color
• Custom CSS class for button

Promo Section

Creating your own promo section you can choose options as below:

General

• Background color
• Image
• Promo text
• Promo text color

Button 1, Button 2, Button 3

• Button enabled – check Yes to show the button
• Button title
• Button link
• Button size
  1. Default
  2. Extra Small
  3. Small
  4. Large
• Button style
  1. Estato Default
  2. Estato Primary
  3. Estato Success
  4. Estato Info
  5. Estato Warning
  6. Estato Danger
  7. Estato Dark
  8. Estato Link
• Transparent Estato Style for button – check Yes to remove button background color
• Custom Css class for button

How to achieve full width Promo Section:

• Step1: Create a row section
  

  Add Row section

• Step2 :  Choose the Edit row option (1) and in the General tab set the Row strech option (2) to Strech row and content.
• 

  Row stretch options

• Step3: Add Promo Section item to the row and set the options as you wish.
  

  Add Promo Section

Remember to Update the changes on the page to save them.

 

Pricing tables for Estato

Below you will see all the avaliable options that can or need to be set to use Pricing tables for Estato element on page:

General

• Title – here you can set the title visible over the tables
• Number of tables – you can set here number of tables visible in row (1, 2, 3, 4). We recommend to use one Pricing tables for Estato element in single row to get the best effect using this element.

Column 1, Column3, Column 3, Column 4  (number of columns tab depends on the nuber of tables set in General tab)

• Title (1)
• Value (2)
• Subvalue (3)
• Tag (4)
• Features (5)
• Button enabled (6) – check Yes to show button
• Button title
• Button link
• Button size
  1. Default
  2. Estra Small
  3. Small
  4. Large
• Button style
  1. Estato Default
  2. Estato Primary
  3. Estato Success
  4. Estato Info
  5. Estato Warning
  6. Estato Danger
  7. Estato Dark
  8. Estato Link
• Transparent Estato style for button? – check Yes option if you want the transparent style
• Custom CSS class for button – set your custom class to style the button

 

Twitter

Below you will see all the avaliable options that can or need to be set to use Twitter in your {Theme} template:

• Title – set the title for header
• Simple style?
  1. No
  2. Yes
• username – twitter username
• customer key
• customer secret
• token
• token secret
• limit – limit of visible tweets
• Tweets per slide
• follow us button – follow us button label (leave blank to hide it)
• new window? – Yes/No
• parse url
  1. plain text
  2. short link
  3. display link
• parse media
  1. plain text
  2. short link
  3. display link
  4. expened link
• parse url id? – Yes/No
• parse hashtag? – Yes/No
• embed images? – Yes/No
• size of embeded images?
  1. thumb
  2. small
  3. medium
  4. large
• tweet length limit
• cache results for X seconds – cache Twitter feeds for better performance

The information how to generate twitter keys and tokens can be find here.

Create Twitter section with background image

To create a twitter account with a background static image:

• Step1: Create a row section
  

  Add Row section

• Step2 :  Choose the Edit row option (1) and in the Design Options tab add the background image (2) from Media library gallery.
• 

  Adding background image

• Step3: Add Twitter item to the row and set the options as you wish.
• 

  Adding Twitter

Remember to Update the changes on the page to save them.

 

Scroll Sections

This item will let you create a page menu to let the user move between the section page.

The only option avaliable in settings is Section names that will let you create menu links for custom sections. This shortcode is used on Terms & Conditions page of Estato WP theme.

To recreate this look on your own follow these few easy steps:

Step1: Add row to your page and change the Row Layout to 1/4 + 3/4. This way you will be able to add Scroll Section and the content to different columns and set them next to each others.

Step2: Add any content you want to the columns on the right.

Step3: Add an ID to each Inner Row Settings section you want your menu to be able to move to. Remeber: Each created ID must be unique, and it is valid as w3c specification: link (Must not have spaces)

Step4: Add Scroll Section Settings item to the columns on the right and for the Section names use the same names as the one used for the Row’s id.

Remember: to make this element work correctly you must copy the exact same names as used in the ID and add them in the same order as they are set in the right section.

FAQ

FAQ shortcode will let you show all the created FAQs items on the site. This version of FAQ don’t have menu like the one created via Customize options, but it will let you add other content on the same site unlike the customize one.

Testimonials slider

Testimonial slider will gave you an option to show people testimonials on your site

How to create testimonial?

To create testimonial go to Testimonials > Add New where you will be able to create a new item.

Creating new testimonial item you will be able to add followig:

• Title (A)
• Content (B)
• Author (C)
  1. Name
  2. Company
• Featured Image (D)

After adding all infortmation to testimonial item remember to click the Update buton.

Adding Testimonial Slider

Testimonial slider settings:

• Style of slider
• Additional title – check Yes if you want to display title
• Title
• Order
  1. Ascending
  2. Descending
• Order by
  1. Date
  2. ID
  3. Author
  4. Title
  5. Slug
  6. Modifier
  7. Order by parent id
  8. Random order
  9. Order by Page order
• Limit – set the limit of the testimonials visible on the site (not more than 6)

How to achieve  the look of this section like on {Theme} demo: 

To create testimonial slider from the demo follow steps below:

• Step1: Create a row section
  

  Add Row section

• Step2 :  Choose the Edit row option (1) and in the General tab set the Row strech option (2) to Strech row and content.
• 

  Row stretch options

• Step3: Go to Design Options tab and set Background color of choice. The one used in our demo is: #60a7d4
• 

  Choose background color

• Step4: Add Testimonial slider item to the row and set the options as you wish.
  

  Add testimonial slider

Remember to Update the changes on the page to save them.