1) Brixel Call to Action

You can add a ‘Call to Action’ box from this widget. You can add widget title on ‘Title’ field and content on ‘Description’ field. If you want a button, then you can add button title on ‘Button Title’ field and link of the button on ‘Button Link’ field.

2) Brixel Contact Box--

You can add a Contact box from this widget. You can add title on ‘Title’ field, contact address on ‘Address’ field, Phone Number on ‘Phone Number’ field and email id on ‘Email ID’ field.

3) Brixel Facebook Page Box--

This widget contains the following options:

4) Brixel Recent Posts With Thumbnail Widget--

You can add a list(s) of ‘Recent Posts’ box from this widget. You can add title of the widget on the ‘Title’ field and can specify the number of Posts to show on ‘No. of Posts to show’ field.

5) Brixel Recent Social- Here, you can add all of your Social Icons with link.

6) Brixel Twitter Widget--

This widget contains the following options:

Blog Style: You will get 6 different blog styles that will show on Blog page(First one is default). You can select any of them.

Blog Layout: You will get 3 different styles of ‘Blog Layout’ i.e; Sidebar (Left Sidebar, No Sidebar and Right Sidebar). You can select any of them.

You can manage your ‘Blog Sidebar’ by navigating to “Appearance > Widgets”.

Blog Options

Here, you can choose if you want to enable ‘Comments’ or not in ‘blog details’ page.

Product Listing Layout: You will get 2 different styles of ‘Product Listing’ which will show on ‘Shop’ page. You can select any of them.

Sidebar: You will get 3 different styles of ‘Sidebar’ i.e; Left Sidebar, No Sidebar and Right Sidebar for ‘Shop’ page. You can select any of them.

Shop Box Style: You will get different styles of Product boxes. You can select any of them.

1. Click on ‘Accordion’. Select any Style out of different styles. If you require, you can add 2 specific fields, viz; ‘Extra class’ , ‘Element ID’.

2. You can add your own CSS styles in the Tab - ‘Accordion Content Design’.

3. After providing all the details, click on ‘Save Changes’ to save. Now, to add accordion items, click on “plus(+)” sign.

4. To add an item, click on ‘Accordion Item’.

5. Provide title and content - (You can use HTML tags) for that particular item.

6. To add more items, you can go accordingly with the same process or you can add additional items by duplicating that existing item.

1. Select Style: Select any Style out of different styles.
2. Select Type: Select which type of alert you want to display.
3. Select Type Style: Choose the style of the alert type, right here.
4. Type Alert Title: Provide the title of the alert, right here.
5. Type Alert Text: Provide the content of the alert, right here.
6. Animation Style: A myriad of animation styles are available for the button. You can select any one of them or just leave without animation.
7. Extra class name for the container: You can put an extra CSS class name, if required.
8. Element ID: You can put an Element ID, if required.

1. Animated Link Style: Select any Animated Link Style out of different styles.
2. Link: Provide button url, right here.
3. Animation Style: A myriad of animation styles are available for the button. You can select any one of them or just leave without animation.
4. Extra class name for the container: You can put an extra CSS class name, if required.
5. Element ID: You can put an Element ID, if required.

Design Options:
Here you can change the CSS style of the whole Animated Link.

1. Before After Style: Select any Style out of different styles.
2. Before image: You need to provide the ‘Before Image’, right here.
3. After image: You need to provide the ‘After Image’, right here.
4. Animation Style: A myriad of animation styles are available for the ‘before-after’ box. You can select any one of them or just leave without any animation.
5. Extra class name for the container: You can put an extra CSS class name, if required.
6. Element ID: You can put an Element ID, if required.

1. Blockquote Style: As there is only one style by-default, you don’t have to select any.
2. Blockquote Align: Choose text alignment.
3. Blockquote Icon Position: Choose position of the blockquote icon.
4. Blockquote Content: You can add your content here. You can use HTML tags.
5. Animation Style: A myriad of animation styles are available for the ‘Blockquote’ box. You can select any one of them or just leave without animation.
6. Extra class name for the container: You can put an extra CSS class name, if required.
7. Element ID: You can put an Element ID, if required.

1. Background Color: Specify Background Color of blockquote box.
2. Border Width: Provide Border Width of blockquote box.
3. Border Color: Specify Border Color of blockquote box.
4. Border Style: Select Border Style of blockquote box.
5. Border Radius: Select Border Radius of blockquote box.
6. Color: Choose text color.
7. Icon Color: Specify blockquote icon color.

1. Blog Style: Select any Style out of different styles.
2. Carousel: Choose, whether or not, you want to activate carousel. If you choose ‘No’, then the options, viz; ‘Allow Navigation?’, ‘Navigation Style’, ‘Allow Dots for Navigation?’, ‘Navigation Dot Style’, ‘Allow Loop’, ‘Allow Autoplay?’ and ‘Autoplay Timeout (in milliseconds)’ will be deactivated and if you choose “Yes”, then these options would stay and the Carousel would operate/function properly.

   i) Allow Navigation?: Choose, if you want to show or hide navigation. If you choose ‘No’, then ‘Navigation Style’ option will be deactivated and if you choose “Yes”, then this option would stay and the navigation would operate/function properly.

   ii) Navigation Style: Choose from navigation styles for showing different styles for arrow.

   iii) Allow Dots for Navigation? : Choose, if you want to show dots for navigation. If you choose ‘No’, then the ‘Navigation Dot Style’ option will be deactivated and if you choose “Yes”, then this option would stay and the dots for navigation would operate/function properly.

   iv) Navigation Dot Style: Choose style for showing ‘Navigation Dot Style’.

   v) Allow Loop: Choose, if you want to enable the loop or not. If you have 5 posts, and if you choose ‘No’, the loop will stop after showing those 5 specific posts and if you select “Yes”, the loop will continue to run.

   vi) Allow Autoplay?: Choose, if you want to autoplay your carousel or not. If you choose ‘No’, then ‘Autoplay Timeout (in seconds)’ option will be deactivated and if you choose “Yes”, then this option would stay and the Autoplay would operate/function properly.

   vii) Autoplay Timeout (in milliseconds): Specify the number of milliseconds for an autoplay timeout, i.e: the duration after which the scroll will start.

3. Category: If you want to display posts for a specific category, then choose that particular category or choose ‘All’ for showing posts for all categories.
4. Order: Choose order for showing posts, i.e: Ascending or Descending.
5. Order By: Choose the order of Posts.
6. Count: Specify the number of posts you wish to show.
7. Number of Posts on Desktop: Specify the number of posts you wish to show in a single row for the Desktop version.
8. Number of Posts on Tab: Specify the number of posts you wish to show in a single row for the Tab version.
9. Number of Posts on Mobile: Specify the number of posts you wish to show in a single row for the Mobile version.
10. Extra class name for the container: You can put an extra CSS class name, if required.
11. Element ID: You can put an Element ID, if required.

1. Call To Action Style: Select any Style out of different styles.
2. Call To Action Title : You need to provide the title, right here.
3. Title Align: Choose alignment of the title, right here.
4. Call To Action Content: You need to provide content, right here.
5. Call To Action Subtitle: You need to provide the subtitle, right here.
6. Subtitle Align: You need to choose alignment of the subtitle, right here.
7. Button Title: You need to provide the button title, right here.
8. Button Link: You need to provide the button link, right here.
9. Extra class name for the container: You can put an extra CSS class name, if required.
10. Element ID: You can put an Element ID, if required.

1. Case Study Style: Select any Style out of different styles.
2. Case Study Display Filter: If you want to filter your 'Case Study items' with 'Case Study categories', then check ‘Yes’. After marking as ‘Yes’, these fields will be activated:

   i) Case Study Filter Style: Choose from 6 different styles.

   ii) Case Study Filter Align: Choose alignment of the filter.

   If you choose 'No', this field will be activated:

   No of Case Studies: Specify the number of Case Studies you wish to show.

3. Case Study Box Align: Choose alignment of the Case Study Box.
4. Case Study Box Number: Specify the number of Case Studies you wish to show in a grid.
5. Enable Zoom?: If you choose ‘Yes’ here, then Case Studies will not be linked to Case Study details, but instead Case Studies will only “zoom”. If you choose ‘No’, then Case Studies will be linked to their “details page” and this field will be activated:

   i) Enable Link Button?: If you want to enable the button on Case Study with a link, then check ‘Yes’. After marking ‘Yes’, you can also provide text in button on ‘Link Button Text’ field.

6. Spacing between Case Study Items: Provide spacing between 2 Case Study items.
7. Extra class name for the container: You can put an extra CSS class name, if required.
8. Element ID: You can put an Element ID, if required.

Attributes for Looping:
Here, you can select ‘Order By’ and ‘Sort Order’ of Case Study items.

1. Clients Style: Select any Style out of different styles.
2. Carousel: Choose, whether or not, you want to activate carousel. If you choose ‘No’, then the options, viz; ‘Allow Navigation?’, ‘Navigation Style’, ‘Allow Dots for Navigation?’, ‘Navigation Dot Style’, ‘Allow Loop’, ‘Allow Autoplay?’ and ‘Autoplay Timeout (in milliseconds)’ will be deactivated and if you choose “Yes”, then these options would stay and the Carousel would operate/function properly.

   i) Allow Navigation?: Choose, if you want to show or hide navigation. If you choose ‘No’, then ‘Navigation Style’ option will be deactivated and if you choose “Yes”, then this option would stay and the navigation would operate/function properly.

   ii) Navigation Style: Choose from navigation styles for showing different styles for arrow. iii) Allow Dots for Navigation? : Choose, if you want to show dots for navigation. If you choose ‘No’, then the ‘Navigation Dot Style’ option will be deactivated and if you choose “Yes”, then this option would stay and the dots for navigation would operate/function properly.

   iv) Navigation Dot Style: Choose style for showing ‘Navigation Dot Style’.

   v) Allow Loop: Choose, if you want to enable the loop or not. If you have 5 items, and if you choose ‘No’, the loop will stop after showing those 5 specific items and if you select “Yes”, the loop will continue to run.

   vi) Allow Autoplay?: Choose, if you want to autoplay your carousel or not. If you choose ‘No’, then ‘Autoplay Timeout (in seconds)’ option will be deactivated and if you choose “Yes”, then this option would stay and the Autoplay would operate/function properly.

   vii) Autoplay Timeout (in milliseconds): Specify the time in milliseconds for an autoplay timeout, i.e: the duration after which the scroll will start.

3. Order: Choose order for showing clients items, i.e: Ascending or Descending.
4. Order By: Choose the order of clients items.
5. Count: Specify the number of clients items you wish to show.
6. Number of Posts on Desktop: Specify the number of clients items you wish to show in a single row for the Desktop version.
7. Number of Posts on Tab: Specify the number of clients items you wish to show in a single row for the Tab version.
8. Number of Posts on Mobile: Specify the number of clients items you wish to show in a single row for the Mobile version.
9. Add Animation?: A myriad of animation styles are available for the team items. You can select any one of them or just leave without animation.
10. Extra class name for the container: You can put an extra CSS class name, if required.
11. Element ID: You can put an Element ID, if required.

1. Click on ‘Contact Form 7’. Select any Style out of different styles. If you require, you can add 2 specific fields, viz; ‘Extra class’, ‘Element ID’.

2. You can add your own CSS style for ‘submit’ button in the Tab - ‘Submit Button Design’.

3. You can add your own CSS style for ‘contact form 7 input field’ in the Tab - ‘Contact Form 7 Input Box Setting’.

4. You can add your own CSS style for ‘contact form 7 box’ in the Tab - ‘Contact Form 7 Design’.

5. After providing all the details, click on ‘Save Changes’ to save. Now, to add a contact form, click on “plus(+)” sign.

6. To choose a contact form, click on ‘Contact Form 7’.

7. Select contact form, from ‘Select contact form’ field and if you want a title then provide it on ‘Search title’ field.

1. Countdown Timer Style: As there is only one style by-default, you don’t have to select any.
2. Target Time For Countdown: Provide the date and time, right here.
3. Extra class name for the container: You can put an an extra CSS class name, if required.
4. Element ID: You can put an Element ID, if required.

1. Counterup Style: As there is only one style by-default, you don’t have to select any.
2. Counterup Value: Enter the value for counting, in numeric style; right here.
3. Counterup Time: Enter the time in milliseconds as to how long the counting will run, right here.
4. Counterup Delay: Mention, after how long, counting will start in milliseconds.
5. Extra class name for the container: You can put an an extra CSS class name, if required.
6. Element ID: You can put an Element ID, if required.

Typography:

From ‘Typography’, you can change all the CSS style of the counter.

1. Title: Provide the button title, right here.
2. URL (Link): Provide button url, right here.
3. Alignment: Choose button alignment, right here.
4. Add icon?: By marking ‘Yes’ in the check box, you can add an icon with button.
5. Animation Style: A myriad of animation styles are available for the button. You can select any one of them or just leave without animation.
6. Extra class name for the container: You can put an extra CSS class name, if required.
7. Element ID: You can put an Element ID, if required.

Typography: From ‘Typography’, you can change all the CSS style for the text in the button.

Button Design: From ‘Button Design’, you can change the CSS style of the whole button.

Button Hover: From ‘Button Hover’, you can change the colors of button hover.

1. Menu Style: As there is only one style by-default, you don’t have to select any.
2. Menu: Choose menu to display.
3. Extra class name for the container: You can put an extra CSS class name, if required.
4. Element ID: You can put an Element ID, if required.

1. Dropcap Style: Select any Style out of different styles.
2. Content: You can add your content here. You can use HTML tags.
3. Dropcaps Direction: Choose direction of dropcap.
4. Background Color: Specify Background Color of dropcap.
5. Border Color: Choose Border Color of dropcap.
6. Text Color: Provide text color, right here.
7. Extra class name for the container:You can put an extra CSS class name, if required.
8. Element ID:You can put an Element ID, if required.

1. Fancy Text Box Style: Select any Style out of different styles.
2. Fancy Text Box Title: Provide title, right here.
3. Element tag: You can choose Title Tag, right here.
4. Font Size: Provide font size of the title, right here.
5. Line Height: Provide line height for the title, right here.
6. Fancy Text Box Content : Provide content, right here.

   If you have chosen ‘style with Icon’, then you will get these fields--

   i) Icon library: Select, what type of icon library you require.

   ii) Icon: Select icon from here.

   If you have chosen ‘style with image’, then you will get this field--

   iii) Add Image: Add image from here.

7. Alignment: Select fancy box icon alignment, right here.
8. Enable Box Shadow?: Specify box shadow, right here.
9. Do You want Button?: If you need button, then check ‘Yes’ and provide button title on ‘Button Text’ field and provide button url on ‘URL (Link)’ field.
10. Animation Style: A myriad of animation styles are available for the text box. You can select any one of them or just leave without animation.
11. Extra class name for the container:You can put an extra CSS class name, if required.
12. Element ID:You can put an Element ID, if required.

Fancy Text Box Design:
Here you can change the CSS style of the whole text box.

Attributes for First Card:

1. Image: Upload image for First Cart, from this field.
2. Title: Provide title, right here.
3. Content: Provide Content, right here.
4. Customizer: Here you can change the CSS style of the whole flip box for First Card.

Attributes for Second Card:

1. Title: Provide title, right here.
2. Content: Provide Content, right here.
3. Button: Provide Button details, right here.
4. Customizer: Here you can change the CSS style of the whole flip box for Second Card.

Design Options:
Here you can change the CSS style of the whole highlight box.

Design Options:
Here you can change the CSS style of the whole highlight box.

1. Image Gallery Style: As there is only one style by-default, you don’t have to select any.
2. Upload Images: Upload image for gallery, from this field.
3. Number of Items in small gallery: Specify the number of images you wish to show in small gallery as ‘thumbnail’.
4. Extra class name for the container: You can put an extra CSS class name, if required.
5. Element ID:You can put an Element ID, if required.

1. Image Slider Style: As there is only one style by-default, you don’t have to select any.
2. Upload Images: Upload image for slider, from this field.
3. Extra class name for the container: You can put an extra CSS class name, if required.
4. Element ID:You can put an Element ID, if required.

1. List Style: Select any Style out of different styles.
2. Content: Provide content with ul/li structure as screenshot, right here.
3. List Icon Color : Provide the icon color of list, right here.
4. Animation Style : A myriad of animation styles are available for the list box. You can select any one of them or just leave without animation.
5. Extra class name for the container: You can put an extra CSS class name, if required.
6. Element ID: You can put an Element ID, if required.

Design Options:
Here you can change the CSS style of the whole list box.

1. Choose Style: As there is only one style by-default, you don’t have to select any.
2. Animation Style : A myriad of animation styles are available for the list box. You can select any one of them or just leave without animation.
3. Extra class name for the container: You can put an extra CSS class name, if required.
4. Element ID: You can put an Element ID, if required.

Design Options:
Here you can change the CSS style of the whole Loan Calculator box.

1. Masonry Gallery Style: As there is only one style by-default, you don’t have to select any.
2. Upload Images: Upload images for gallery, from this field.
3. Animation Style : A myriad of animation styles are available for the list box. You can select any one of them or just leave without animation.
4. Extra class name for the container: You can put an extra CSS class name, if required.
5. Element ID:You can put an Element ID, if required.

Hover Layer:
Here you can change the CSS style of the Hover Layer for the gallery.

1. Popup Video Style: As there is only one style by-default, you don’t have to select any.
2. Popup Video Alignment: Choose Alignment of the video.
3. Upload image : Upload thumbnail image for the video.
4. Enter Youtube/Vimeo Video Link : Enter video link.
5. Extra class name for the container: You can put an extra CSS class name, if required.
6. Element ID:You can put an Element ID, if required.

1. Portfolio Style: Select any Style out of different styles.
2. Taxonomy Title Font Size (in px): Provide the font size of ‘category title’.
3. Portfolio Display Filter: If you want to filter your portfolio posts with portfolio categories, then check ‘Yes’. After marking as ‘Yes’, these fields will be activated:

   i) Portfolio Filter Style: Choose from 3 different styles.

   ii) Portfolio Filter Align: Choose alignment of the filter.

4. Portfolio Box Align: Choose alignment of the portfolio box.
5. Portfolio Box Number: Specify the number of portfolios you wish to show in a grid.
6. Enable Zoom?: If you choose ‘Yes’ here, then portfolios will not be linked to portfolio details, but instead portfolios will only “zoom”. If you choose ‘No’, then portfolios will be linked to their “details page” and it will also get to this below mentioned field:

   i) Enable Link Button?: If you want to enable the button on portfolio with link, then check ‘Yes’. After marking ‘Yes’, you can also provide text in button on ‘Link Button Text’ field.

7. Spacing between Portfolio Items: Provide the spacing between 2 portfolio items.
8. Extra class name for the container: You can put an extra CSS class name, if required.
9. Element ID: You can put an Element ID, if required.

Attributes for Looping:
Here, you can select ‘Order By’ and ‘Sort Order’ of the portfolio items.

1. Portfolio Slider Style: Select any Style out of different styles.
2. Allow Loop: Choose, if you want to enable the loop or not. If you have 5 portfolio posts, and if you choose ‘No’, the loop will stop after showing those 5 specific portfolio posts and if you select “Yes”, the loop will continue to run.
3. Allow Autoplay?: Choose, if you want to autoplay your carousel or not. If you choose ‘No’, then ‘Autoplay Timeout (in seconds)’ option will be deactivated and if you choose “Yes”, then this option would stay and the Autoplay would operate/function properly.
4. Autoplay Timeout (in milliseconds): Specify the time in milliseconds for an autoplay timeout, i.e: the duration after which the scroll will start.
5. Number of Items on Desktop: Specify the number of portfolio items you wish to show in a single row for the Desktop version.
6. Number of Items on Tab: Specify the number of portfolio items you wish to show in a single row for the Tab version.
7. Number of Items on Mobile: Specify the number of portfolio items you wish to show in a single row for the Mobile version.
8. Enable Zoom?: Choose, if you want to Zoom your portfolio posts or not.
9. Extra class name for the container: You can put an extra CSS class name, if required.
10. Element ID: You can put an Element ID, if required.

Attributes for Looping:
Here, you can select ‘Order By’ and ‘Sort Order’ of the portfolio items.

1. Pricing Style: Select any Style out of different styles.
2. Title: Provide pricing title, right here.
3. Content: Provide pricing content with ul/li structure like this above mentioned screenshot, right here.
4. Price with Currency : Provide your price with currency, right here.
5. Period: Set period, right here.
6. Button | Title: Set button text, right here.
7. Button | Link : Set button link, right here.
8. Highlight: If you want this item to be highlighted, then choose ‘Yes’.
9. Animation Style: A myriad of animation styles are available for the pricing item. You can select any one of them or just leave without animation.
10. Extra class name for the container: You can put an extra CSS class name, if required.
11. Element ID: You can put an Element ID, if required.

1. Progressbar Title: Provide title, right here.
2. Progressbar Style: Select any Style out of different styles.
3. Progressbar Height: Provide height, right here.
4. Progress Percentage: Provide percentage, right here.
5. Progressbar Animation: Choose ‘true’ to bring animation effect for the stripe.
6. Progressbar Striped: Choose ‘true’ to bring stripe on progressbar.
7. Extra class name for the container: You can put an extra CSS class name, if required.
8. Element ID: You can put an Element ID, if required.

1. Quote Box Style: As there is only one style by-default, you don’t have to select any.
2. Image: Upload images for the Quote Box, from this field.
3. Quote Box Alignment: Choose Alignment of the Quote Box.
4. Quotation: Provide Quote content.
5. Name: Provide Quote name.
6. Animation Style : A myriad of animation styles are available for the list box. You can select any one of them or just leave without animation.
7. Extra class name for the container: You can put an extra CSS class name, if required.
8. Element ID: You can put an Element ID, if required.

Customizer:
Here you can change the CSS style of the whole Quote Box.

1. Choose Unit for width: Specify the unit for separator width. If you have chosen ‘Percentage’, then you will get ‘Separator Width (Percentage)’ field, and you need to choose separator width, right there. If you have chosen ‘Pixel’, then you will get ‘Separator Width (Pixel) eg. 250’ field, and you need to choose separator width, right there.
2. Separator Color: Provide color for separator, right here.
3. Separator Background Color: Provide Background Color of separator, right here.
4. Separator Direction: Choose direction for separator icon.
5. Separator Style: Select any Style out of different styles.
6. Extra class name for the container: You can put an extra CSS class name, if required.
7. Element ID: You can put an Element ID, if required.

1. Click on ‘Tabs’. Select any Style out of different styles. Provide width of the whole container, on ‘Container Width’ field. If you choose ‘Yes’ on ‘Tab Width Auto Adjust’, then the width of the container will be adjusted automatically. If you need, you can add 2 specific fields, viz; ‘Extra class’ and ‘Element ID’.



2. You can add your own CSS style for the whole tab container on ‘Typography & Color’.



3. You can add your own CSS style for the Tab title i.e. menu of the tabs on ‘Tab Menu Design’.



4. You can add your own CSS style for the tab content on ‘Tab Content Design’.



5. After providing all the details, click on ‘Save Changes’ to save. Now, to add tab item, click on “plus(+)” sign.



6. To add a tab item, click on ‘Tab Item’.



7. If you want icon with tab title, then click ‘Yes’ on ‘Display Icons?’ field and provide your icon. Provide title on ‘Tab Title’ field and provide content on ‘Tab Content’ field.

   

1. Team Style: Select any Style out of different styles.
2. Carousel: Choose, whether or not, you want to activate carousel. If you choose ‘No’, then the options, viz; ‘Allow Navigation?’, ‘Navigation Style’, ‘Allow Dots for Navigation?’, ‘Navigation Dot Style’, ‘Allow Loop’, ‘Allow Autoplay?’ and ‘Autoplay Timeout (in milliseconds)’ will be deactivated and if you choose “Yes”, then these options would stay and the Carousel would operate/function properly.

   i) Allow Navigation?: Choose, if you want to show or hide navigation. If you choose ‘No’, then ‘Navigation Style’ option will be deactivated and if you choose “Yes”, then this option would stay and the navigation would operate/function properly.

   ii) Navigation Style: Choose from navigation styles for showing different styles for arrow.

   iii) Allow Dots for Navigation? : Choose, if you want to show dots for navigation. If you choose ‘No’, then the ‘Navigation Dot Style’ option will be deactivated and if you choose “Yes”, then this option would stay and the dots for navigation would operate/function properly.

   iv) Navigation Dot Style: Choose style for showing ‘Navigation Dot Style’.

   v) Allow Loop: Choose, if you want to enable the loop or not. If you have 5 items, and if you choose ‘No’, the loop will stop after showing those 5 specific items and if you select “Yes”, the loop will continue to run.

   vi) Allow Autoplay?: Choose, if you want to autoplay your carousel or not. If you choose ‘No’, then ‘Autoplay Timeout (in seconds)’ option will be deactivated and if you choose “Yes”, then this option would stay and the Autoplay would operate/function properly.

   vii) Autoplay Timeout (in milliseconds): Specify the time in milliseconds for an autoplay timeout, i.e: the duration after which the scroll will start.

3. Order: Choose order for showing team items, i.e: Ascending or Descending.
4. Order By: Choose the order of team items.
5. Count: Specify the number of team items you wish to show.
6. Number of Posts on Desktop: Specify the number of team items you wish to show in a single row for the Desktop version.
7. Number of Posts on Tab: Specify the number of team items you wish to show in a single row for the Tab version.
8. Number of Posts on Mobile: Specify the number of team items you wish to show in a single row for the Mobile version.
9. Add Animation?: A myriad of animation styles are available for the team items. You can select any one of them or just leave without animation.
10. Extra class name for the container: You can put an extra CSS class name, if required.
11. Element ID: You can put an Element ID, if required.

1. Testimonial Style: Select any Style out of different styles.
2. Carousel: Choose, whether or not, you want to activate carousel. If you choose ‘No’, then the options, viz; ‘Allow Navigation?’, ‘Navigation Style’, ‘Allow Dots for Navigation?’, ‘Navigation Dot Style’, ‘Allow Loop’, ‘Allow Autoplay?’ and ‘Autoplay Timeout (in milliseconds)’ will be deactivated and if you choose “Yes”, then these options would stay and the Carousel would operate/function properly.

   i) Allow Navigation?: Choose, if you want to show or hide navigation. If you choose ‘No’, then ‘Navigation Style’ option will be deactivated and if you choose “Yes”, then this option would stay and the navigation would operate/function properly.

   ii) Navigation Style: Choose from navigation styles for showing different style for arrow.

   iii) Allow Dots for Navigation? : Choose, if you want to show dots for navigation. If you choose ‘No’, then the ‘Navigation Dot Style’ option will be deactivated and if you choose “Yes”, then this option would stay and the dots for navigation would operate/function properly.

   iv) Navigation Dot Style: Choose style for showing ‘Navigation Dot Style’.

   v) Allow Loop: Choose, if you want to enable the loop or not. If you have 5 items, and if you choose ‘No’, the loop will stop after showing those 5 specific items and if you select “Yes”, the loop will continue to run.

   vi) Allow Autoplay?: Choose, if you want to autoplay your carousel or not. If you choose ‘No’, then ‘Autoplay Timeout (in seconds)’ option will be deactivated and if you choose “Yes”, then this option would stay and the Autoplay would operate/function properly.

   vii) Autoplay Timeout (in milliseconds): Specify the time in milliseconds for an autoplay timeout, i.e: the duration after which the scroll will start.

3. Order: Choose order for showing testimonial items, i.e: Ascending or Descending.
4. Order By: Choose the order of testimonial items.
5. Count: Specify the number of testimonial items you wish to show.
6. Number of Posts on Desktop: Specify the number of testimonial items you wish to show in a single row for the Desktop version.
7. Number of Posts on Tab: Specify the number of testimonial items you wish to show in a single row for the Tab version.
8. Number of Posts on Mobile: Specify the number of testimonial items you wish to show in a single row for the Mobile version.
9. Add Animation?: A myriad of animation styles are available for the testimonial items. You can select any one of them or just leave without animation.
10. Extra class name for the container: You can put an extra CSS class name, if required.
11. Element ID: You can put an Element ID, if required.

Testimonial Content Typography:
Here you can change the CSS style of the testimonial content.

1. Title: Provide the button title, right here.
2. URL (Link): Provide button url, right here.
3. Alignment: Choose button alignment, right here.
4. Add icon?: By marking ‘Yes’, you can add icon with button.
5. Animation Style: A myriad of animation styles are available for the button. You can select any one of them or just leave without animation.
6. Extra class name for the container: You can put an extra CSS class name, if required.
7. Element ID: You can put an Element ID, if required.

1. Click on ‘Timeline’. As there is only one style by-default for Timeline, you don’t have to select any. If you require, you can add 2 specific fields, viz; ‘Extra class’ , ‘Element ID’.

2. You can add your own CSS styles in the Tab - ‘Design’.

3. After providing all the details, click on ‘Save Changes’ to save. Now, to add timeline items, click on “plus(+)” sign.

4. To add an item, click on ‘Timeline Item’.

5. Provide Timeline Image, Timeline Title and Timeline Content (You can use HTML tags) for that particular item.

6. To add more items, you can go accordingly with the same process or you can add additional items by duplicating that existing item.

1. Navigate Appearance > Menus
2. Type Your menu name on ‘Menu Name’ field and click, ‘Create Menu’.
3. Choose position for menu in ‘Display Location’.
4. Click on ‘Save Menu’ to save everything.

You can add Pages, Posts and Custom links from blocks on the left side. Now, if you want to add special items such as ‘Portfolio’, ‘Portfolio Categories’, ‘Clients’, etc. then click on “Screen Options” button in the top right hand corner to add those additional menus.

To get more information about creating menu(s), go to - http://en.support.wordpress.com/menus

1. Login to WordPress admin panel.
2. Navigate to "Posts > Add New"
3. Provide a suitable title for your blog post.



4. On the below area, you have to write content for your blog post. You can also add content with WPBakery Page Builder.



5. As short contents for blog post element are coming from ‘Excerpt’, so you need to provide content on ‘Excerpt’ too. If you’re not getting ‘Excerpt’ option on your post, then click on “Screen Options” button in the top right hand corner and check ‘Excerpt’ to get the option.



6. On the right hand side, you will find "Featured Image" section. Here, you can provide an image for your blog post.



7. From "Categories" box, you can put your blog post under a suitable category or create a new category for that.



8. Finally, click on "Publish" button to publish your blog post.

1. Login to WordPress admin panel.
2. Navigate to "Testimonials > Add New Testimonial"
3. Provide a suitable title for your testimonial item.



4. On the below area, you have to write content for your testimonial item.



5. As short contents for testimonial element are coming from ‘Excerpt’, so you need to provide content on ‘Excerpt’ too. If you’re not getting ‘Excerpt’ option on your testimonial, then click on “Screen Options” button in the top right hand corner and check ‘Excerpt’ to get the option.



6. On the right hand side, you will find "Client Hover Image" section. Here, you can provide an image for your testimonial item.



7. You can add testimonial information here.



8. Finally, click on "Publish" button to publish your testimonial item.

1. Login to WordPress admin panel.
2. Navigate to "Team > Add New Team"
3. Provide a suitable title for your team item.



4. On the below area, you have to write content for your team item. Also, you can add content with WPBakery Page Builder.



5. As short contents for team element are coming from ‘Excerpt’, so you need to provide content on ‘Excerpt’ too. If you’re not getting ‘Excerpt’ option on your team, then click on “Screen Options” button in the top right hand corner and check ‘Excerpt’ to get the option.



6. On the right hand side, you will find "Team Member Image" section. Here, you can provide an image for your team item.



7. From "Professions" box, you can put your portfolio item under a suitable profession or create a new profession for that.



8. You can add team information here.



9. Finally, click on "Publish" button to publish your portfolio item.

1. Login to WordPress admin panel.
2. Navigate to "Portfolio > Add New Portfolio"
3. Provide a suitable title for your portfolio item.



4. On the below area, you have to write content for your portfolio item. Also, you can add content with WPBakery Page Builder.



5. As short contents for portfolio element are coming from ‘Excerpt’, so you need to provide content on ‘Excerpt’ too. If you’re not getting ‘Excerpt’ option on your portfolio, then click on “Screen Options” button in the top right hand corner and check ‘Excerpt’ to get the option.



6. On the right hand side, you will find "Portfolio Image" section. Here, you can provide an image for your portfolio item.



7. From "Portfolio Categories" box, you can put your portfolio item under a suitable category or create a new category for that.



8. Finally, click on "Publish" button to publish your portfolio item.

1. Login to WordPress admin panel.
2. Navigate to "Case Study > Add New Case Study"
3. Provide a suitable title for your Case Study item.



4. On the below area, you have to write content for your Case Study item. Also, you can add content with WPBakery Page Builder.



5. As short contents for Case Study element are coming from ‘Excerpt’, so you need to provide content on ‘Excerpt’ too. If you’re not getting ‘Excerpt’ option on your Case Study, then click on “Screen Options” button in the top right hand corner and check ‘Excerpt’ to get the option.



6. On the right hand side, you will find "Case Study Image" section. Here, you can provide an image for your Case Study item.



7. From "Case Study Categories" box, you can put your Case Study item under a suitable category or create a new category for that.



8. Finally, click on "Publish" button to publish your Case Study item.

1. Login to WordPress admin panel.
2. Navigate to "Clients > Add New Client"
3. Provide a suitable title for your client item.



4. On the right hand side, you will find "Client Hover Image" section. Here, you can provide an image for your client item.



5. Finally, click on "Publish" button to publish your testimonial item.