Bosmarket gives you multiple selections to configure the layout of you website including layout type and sidebar expand on different devices.

1. Box Layout: Select Layout Default, Boxed or Wide 1650 for your site. For layout Default/Boxed, the content pages will have width at 1170px. For layout Wide 1650, the content pages will have width at 1650px.
2. Background Box Image: Upload Image to set as background image for your box layout.
3. Left Sidebar Expand: Select width of left sidebar for sidebar in Blog page and Shop Page.
4. Right Sidebar Expand: Select width of right sidebar for sidebar in Blog page and Shop Page.

TopDeal supports you with a mobile setting home page layout.

1. Enable Mobile Layout: Choose this one to activate the mobile layout in your site with the options listing below. If this one is not enabled, the responsive mode will be applied automatically & the options listing below will have no effect in your site.
2. Logo Mobile Image: Upload Image to set as logo for your mobile layout.
3. Sticky Mobile: Choose this one to activate the sticky mobile.
4. Mobile Layout Content: Select content index for this mobile layout.
5. Header Mobile Style: Select header mobile style.
6. Footer Mobile Style: Select footer mobile style.

Info You can see Mobile Layout for more detail about this problem.

The theme allows to configure the Header and Footer of your site.

1. Header Style: Select the header style for your site.
2. Enable Background Header Mid: Choose this one to enable background header mid your site.
3. Background header mid: After enabling the background header mid option, you can upload the image here.
4. Disable Search: Choose this one to disable Search on the header.
5. Disable Cart: Choose this one to disable Cart on the header.
6. Footer Style: Select the footer style for your site.
7. Copyright text: Insert the Copyright text for your site.

Info Currently this theme support 03 header styles and 01 footer styles. You can see Basic Settings for more detail about the header configuration.

If you got a big site with a lot of sub menus we recommend using a mega menu. Just select the dropbox to display a menu as mega menu or dropdown menu.

1. Menu Type: Select to set the menu in your site as Megamenu or Dropdown Menu.
2. Theme Location: Select theme location to active mega menu and menu responsive.
3. Active sticky menu: Choose this option if you want to activate the sticky menu.
4. Menu Event: Set your menu event as Hover or Click event.
5. Number Item Vertical: Set the number of menu item on your vertical megamenu.
6. Vertical More Text: Change More text on your vertical menu.
7. Vertical Less Text: Change Less text on your vertical menu.

In this tab, you can configure the layout for your blog listing page.

1. Sidebar Blog Layout:Select style sidebar blog. You can choose Full layout, Left Sidebar or Right Sidebar.
2. Layout blog: Select style layout blog including List Layout or Grid Layout.
3. Blog column: Select style number column for blog page. You can choose to set it as 2 columns, 2 columns or 4 columns.

In this tab, you can configure the layout for your product listing page.

1. Select Banner: Select the Banner of your product page as Category Product Image or Banner. If you choose to Use Banner, your custom image will be applied the same for all product pages. If you choose to Use Category Product Image, the category images of the product will be applied as banner in your site.
2. Listing Banner Product: If you choose Banner as Use Banner, you can upload image here.
3. Product Listing Column: Select number of column on different device such as desktop, medium destop and tablet.
4. Sidebar Product Layout:Select style sidebar product. You can choose Full layout, Left Sidebar or Right Sidebar.
5. Quickview: You can choose this one to activate the product quickview mode.
6. Product Zoom: You can choose this one to activate the product image zoom when hover on single product.
7. Product Listing Number: Show number of product in listing product page.
8. Config For Product Categories Widget: In this section, you can set the number of category item shown. category more text and category less text for Product Categories Widget.

The theme allows to change the font style in your site with Google Font.

1. Use Google Webfont: Insert font style that you actually need on your webpage.
2. Webfont Weight: For weight, see Google Fonts to custom for each font style. You can choose from 100 to 900.
3. Header Tag Font: Select custom font for Header tag (H1 to H6).
4. Main Menu Font: Select custom font for your Main Menu.

In this tab, Bosmarket Theme Options allows you to add various social link for your website including: Facebook, Twitter, Tumblr, Linkedin, Instagram, Google+, and Pinterest.

If your site has not been ready to be launch, the Maintaincece Mode will be truly useful for you.

1. Enable Maintaincece Mode: Choose this one to turn on the Maintaincece Mode for your website. After that, all the options listing below will be applied.
2. Maintaince Background: This allows you to upload the background image for Maintaincece Mode.
3. Maintaince Content: This allows you to custom the Maintaince Content.
4. Maintaince Date: This allows you to set date to show countdown date on maintaince mode.
5. Maintaince Form: This allows you to insert shortcode form to show on maintaince mode frontend.

Bosmarket theme allows you to use popup in your website and you can custom its style with various options in this tab.

1. Active Popup Subscribe: You can upload the background image for your popup.
2. Popup Content: This allows you to add content for your popup.
3. Popup Form: This allows you to insert shortcode form to show it on frontend. In Bosmarket, the MailChimp for WordPress form is used.

This tab provide some advanced options for your site.

1. Show cPanel: Turn on/off cPanel options. This is only used for theme develop purpose only and you don’t need to mind about this.
2. Widget Advanced: Turn on/off Widget Advanced.
3. Social Share: You can enable this one to turn on the social share on your website esspecially on Blog page.
4. Turn Off Breadcrumb: This option allows you to turn off the Breadcrumb on all pages in your site.
5. Back to top: Choose this one if you want to enable the button Back to top in your site.
6. Direction:Set your site layout as Left to Right or Right to Left.
7. Custom CSS/JS: Insert your own CSS into this block. This overrides all default styles located throughout the theme
8. Custom CSS/JS: Insert your own JS into this block. This customizes js throughout the theme

Before configuring, you can also backup your theme options by clicking on the Import/Export tab. This is a great way to move your custom options from site to site.

1. Import Options: You can import options from file or URL. WARNING! This will overwrite any existing options, please proceed with caution!.
2. Export Options: Here you can copy/download your themes current option settings. Keep this safe as you can use it as a backup should anything go wrong. Or you can use it to restore your settings on this site (or any other site). You also have the handy option to copy the link to yours sites settings. Which you can then use to duplicate on another sit.

If you don’t want to use any of advanced plugins, you can turn it off in this tab.

1. Turn Off Our Team/Testimonial/Portfolio: Click to turn off the plugin if you don’t want to use in your site.

This element helps you to display products of a category as slider in the page. After installing the theme and required plugins, this SW WooCommerce Tab Slider element will be available in your site.

How to add SW WooCommerce Slider element into your page?

To add this element to your page, please follow steps as below:

1. Open your page and choose Edit with Visual Composer.
2. Click on Add element icon of Visual Composer, then choose SW WooCommerce Slider.
3. Hover on this element and click on Pecil icon to edit it.
4. After that, configure element options then Save change for this element.
5. Preview the page and Update to save the change for this page.

SW WooCommerce Slider Settings

With this element, there are various options for you to configure as your expectation.

See screenshot: Backend Settings

1. Title: Enter text used as widget title located above content element.
2. Product Title Length: Choose Product Title Length if you want to trim word, leave 0 to not trim word.
3. Category: Choose category including product you want to show. You can choose only 01 category for this element.
4. Icon Slide: Select icon from media library to set icon slide before the category title.
5. Banner Images: Select image from media library to set banner for element.
6. Select Style: Choose display style for element as Default or other ones.
7. Description: Enter the description of the elements. It will appear below the title.
8. Category: Choose categories including product you want to show. Each category is a tab in the slider.
9. Select Order Product: Set the order for products as Featured Products, Top Rating Products, Best Selling Products or Latest Products.
10. Order By: Set the order of product by Name, Date, Author, ID, Modified or others.
11. Order: Set product order by Ascending or Descending.
12. Number Of Post: Set number of product posts to appear in your site.
13. Number row per column: Set number of product posts to appear per row/colum in your site.
14. Number of Columns … : Set number of column appearing on each screen size.
15. Speed: Set speed for slider.
16. Auto Play: Choose True to have slider plays automatically and choose False for not automatically play.
17. Interval: Set the interval time for slider auto plays.
18. Layout: Choose display layout for the element.
19. Total Items Slided: Choose total item slided.

Product Settings for this elements:

To have the style and information as in the demo, you need to do some configuration for product and category.

1. Category Settings: Product category should be created first, after that you can assign in the element. See screenshot: Backend Settings
2. Product Settings: You should pay attention to options including Product Title, Product Category, Product Image, and Sale Price. See screenshot: Backend Settings

This element helps you to display products of categories as slider in the page. After installing the theme and required plugins, this SW WooCommerce Tab Slider element will be available in your site.

How to add SW WooCommerce Categories Slider element into your page?

To add this element to your page, please follow steps as below:

1. Open your page and choose Edit with Visual Composer.
2. Click on Add element icon of Visual Composer, then choose SW WooCommerce Categories Slider.
3. Hover on this element and click on Pecil icon to edit it.
4. After that, configure element options then Save change for this element.
5. Preview the page and Update to save the change for this page.

SW WooCommerce Categories Slider Settings

With this element, there are various options for you to configure as your expectation.

See screenshot: Backend Settings

1. Title: Enter text used as widget title located above content element.
2. Product Title Length: Choose Product Title Length if you want to trim word, leave 0 to not trim word.
3. Description: Enter the description of the elements. It will appear below the title.
4. Icon Title: Choose font Icon you want in FontAwesome.
5. Categories: Choose categories including product you want to show.
6. Number row per column: Set number of product posts to appear per row/colum in your site.
7. Number Of Products: Set number of product posts to appear in your site.
8. Order By: Set the order of product by Name, Date, Author, ID, Modified or others.
9. Number of Columns … : Set number of column appearing on each screen size.
10. Speed: Set speed for slider.
11. Auto Play: Choose True to have slider plays automatically and choose False for not automatically play.
12. Interval: Set the interval time for slider auto plays.
13. Layout: Choose display layout for the element.
14. Total Items Slided: Choose total item slided.

Product Settings for this elements:

To have the style and information as in the demo, you need to do some configuration for product and category.

1. Category Settings: Product category should be created first, after that you can assign in the element. See screenshot: Backend Settings
2. Product Settings: You should pay attention to options including Product Title, Product Category, Product Image, and Sale Price. See screenshot: Backend Settings

This element helps you to display coundown for products as slider in the page. After installing the theme and required plugins, this SW WooCommerce Tab Slider element will be available in your site.

How to add SW WooCommerce Countdown Slider element into your page?

To add this element to your page, please follow steps as below:

1. Open your page and choose Edit with Visual Composer.
2. Click on Add element icon of Visual Composer, then choose SW WooCommerce Countdown Slider.
3. Hover on this element and click on Pecil icon to edit it.
4. After that, configure element options then Save change for this element.
5. Preview the page and Update to save the change for this page.

SW WooCommerce Countdown Slider Settings

With this element, there are various options for you to configure as your expectation.

See screenshot: Backend Settings

1. Title: Enter text used as widget title located above content element.
2. Product Title Length: Choose Product Title Length if you want to trim word, leave 0 to not trim word.
3. Icon Title: Choose font Icon you want in FontAwesome.
4. Category: Choose category including product you want to show. You can choose only 01 category for this element.
5. Image Slide: Upload the image then it will appear in the element in some layout style.
6. Order By: Set the order of product by Name, Date, Author, ID, Modified or others.
7. Order: Set the order as Ascending or Descending.
8. Number Of Post: Set number of product posts to appear in your site.
9. Number row per column: Set number of product posts to appear per row/colum in your site.
10. Number of Columns … : Set number of column appearing on each screen size.
11. Speed: Set speed for slider.
12. Auto Play: Choose True to have slider plays automatically and choose False for not automatically play.
13. Interval: Set the interval time for slider auto plays.
14. Layout: Choose display layout for the element.
15. Total Items Slided: Choose total item slided.

Product Settings for this elements:

To have the style and information as in the demo, you need to do some configuration for product and category.

1. Category Settings: Product category should be created first, after that you can assign in the element. See screenshot: Backend Settings
2. Product Settings: You should pay attention to options including Product Title, Product Category, Product Image, Schedue and Sale Price. See screenshot: Backend Settings

This element helps you to display products of a category for tabs as different product order type in the page. After installing the theme and required plugins, this SW WooCommerce Tab Slider element will be available in your site.

How to add SW WooCommerce Tab Slider element into your page?

To add this element to your page, please follow steps as below:

1. Open your page and choose Edit with Visual Composer.
2. Click on Add element icon of Visual Composer, then choose SW WooCommerce Tab Slider.
3. Hover on this element and click on Pecil icon to edit it.
4. After that, configure element options then Save change for this element.
5. Preview the page and Update to save the change for this page.

SW WooCommerce Tab Slider Settings

With this element, there are various options for you to configure as your expectation.

See screenshot: Backend Settings

1. Title: Enter text used as widget title located above content element.
2. Product Title Length: Choose Product Title Length if you want to trim word, leave 0 to not trim word.
3. Category: Choose category including product you want to show. You can choose only 01 category for this element.
4. Icon Slide: Select icon from media library to set icon slide before the category title.
5. Banner Images: Select image from media library to set banner for element.
6. Select Style: Choose display style for element as Default or other ones.
7. Select Order Product: Set the order for products as Featured Products, Top Rating Products, Best Selling Products or Latest Products. Each of them is display as a tab in the element.
8. Number row per column: Set number of product posts to appear per row/colum in your site.
9. Tab Active: Set number of active tab for this element.
10. Number of Columns … : Set number of column appearing on each screen size.
11. Speed: Set speed for slider.
12. Auto Play: Choose True to have slider plays automatically and choose False for not automatically play.
13. Interval: Set the interval time for slider auto plays.
14. Total Items Slided: Choose total item slided. Currently, layout Default is supported.
15. Layout: Choose display layout for the element.

Product Settings for this elements:

To have the style and information as in the demo, you need to do some configuration for product and category.

1. Category Settings: Product category should be created first, after that you can assign in the element. See screenshot: Backend Settings
2. Product Settings: You should pay attention to options including Product Title, Product Category, Product Image, Product Location and Sale Price. See screenshot: Backend Settings

This element helps you to display products according to each category tab as highlight point in your site. After installing the theme and required plugins, this SW WooCommerce Tab Category Slider element will be available in your site.

How to add SW WooCommerce Tab Category Slider element into your page?

To add this element to your page, please follow steps as below:

1. Open your page and choose Edit with Visual Composer.
2. Click on Add element icon of Visual Composer, then choose SW WooCommerce Tab Category Slider.
3. Hover on this element and click on Pecil icon to edit it.
4. After that, configure element options then Save change for this element.
5. Preview the page and Update to save the change for this page.

SW WooCommerce Tab Category Slider Settings

With this element, there are various options for you to configure as your expectation.

See screenshot: Backend Settings

1. Title: Enter text used as widget title located above content element.
2. Product Title Length: Choose Product Title Length if you want to trim word, leave 0 to not trim word.
3. Description: Enter the description of the elements. It will appear below the title.
4. Category: Choose categories including product you want to show. Each category is a tab in the slider.
5. Select Order Product: Set the order for products as Featured Products, Top Rating Products, Best Selling Products or Latest Products.
6. Order By: Set the order of product by Name, Date, Author, ID, Modified or others.
7. Order: Set product order by Ascending or Descending.
8. Number Of Post: Set number of product posts to appear in your site.
9. Number row per column: Set number of product posts to appear per row/colum in your site.
10. Tab Active: Set number of active tab for this element.
11. Number of Columns … : Set number of column appearing on each screen size.
12. Speed: Set speed for slider.
13. Auto Play: Choose True to have slider plays automatically and choose False for not automatically play.
14. Interval: Set the interval time for slider auto plays.
15. Layout: Choose display layout for the element.
16. Total Items Slided:: Choose total item slided.

Product Settings for this elements:

To have the style and information as in the demo, you need to do some configuration for product and category.

1. Category Settings: Product category should be created first, after that you can assign in the element. See screenshot: Backend Settings
2. Product Settings: You should pay attention to options including Product Title, Product Category, Product Image, Product Location and Sale Price. See screenshot: Backend Settings

This element helps you to display latest product as slider in the page. After installing the theme and required plugins, this SW Latest Product element will be available in your site.

How to add SW Latest Product element into your page?

To add this element to your page, please follow steps as below:

1. Open your page and choose Edit with Visual Composer.
2. Click on Add element icon of Visual Composer, then choose SW Latest Product.
3. Hover on this element and click on Pecil icon to edit it.
4. After that, configure element options then Save change for this element.
5. Preview the page and Update to save the change for this page.

SW Latest Product Settings

With this element, there are various options for you to configure as your expectation.

See screenshot: Backend Settings

1. Title: Enter text used as widget title located above content element.
2. Product Title Length: Set product title length as you want.
3. Template: Choose style for this element.
4. Category: Choose Category you want to display.
5. Style: Choose style for this element.
6. Number of products to slide: Set number of products to slide.
7. Number of posts to show: Set number of products to show.
8. Extra class name: If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

Product Settings for this elements:

To have the style and information as in the demo, you need to do some configuration for products.

1. Product Settings: You should pay attention to options including Product Title, Product Image, Product Location and Price. See screenshot: Backend Settings

Info For more detail, you can see the Product Settings in Product part in Basic Settings for more detail.

This element helps you to display on sale product as slider in the page. After installing the theme and required plugins, this SW On Sale Product element will be available in your site.

How to add SW On Sale Product element into your page?

To add this element to your page, please follow steps as below:

1. Open your page and choose Edit with Visual Composer.
2. Click on Add element icon of Visual Composer, then choose SW On Sale Product.
3. Hover on this element and click on Pecil icon to edit it.
4. After that, configure element options then Save change for this element.
5. Preview the page and Update to save the change for this page.

SW On Sale Product Settings

With this element, there are various options for you to configure as your expectation.

See screenshot: Backend Settings

1. Title: Enter text used as widget title located above content element.
2. Product Title Length: Set product title length as you want.
3. Category: Choose Category you want to display.
4. Extra class name: If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

Product Settings for this elements:

To have the style and information as in the demo, you need to do some configuration for products.

1. Product Settings: You should pay attention to options including Product Title, Product Image, Product Location and Price. See screenshot: Backend Settings

Info For more detail, you can see the Product Settings in Product part in Basic Settings for more detail.

This element helps you to display featured product as slider in the page. After installing the theme and required plugins, this SW Featured Product element will be available in your site.

How to add SW Featured Product element into your page?

To add this element to your page, please follow steps as below:

1. Open your page and choose Edit with Visual Composer.
2. Click on Add element icon of Visual Composer, then choose SW Featured Product.
3. Hover on this element and click on Pecil icon to edit it.
4. After that, configure element options then Save change for this element.
5. Preview the page and Update to save the change for this page.

SW Featured Product Settings

With this element, there are various options for you to configure as your expectation.

See screenshot: Backend Settings

1. Title: Enter text used as widget title located above content element.
2. Product Title Length: Set product title length as you want.
3. Category: Choose product category for this element.
4. Template: Choose style for this element.
5. Banner Image: Upload banner image for element.
6. Number of products to slide: Set number of products to slide.
7. Number of posts to show: Set number of products to show.
8. Extra class name: If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

Product Settings for this elements:

To have the style and information as in the demo, you need to do some configuration for products.

1. Product Settings: You should pay attention to options including Product Title, Product Image, Product Location and Price. See screenshot: Backend Settings

Info For more detail, you can see the Product Settings in Product part in Basic Settings for more detail.

This element helps you to display most viewed product as slider in the page. After installing the theme and required plugins, this SW Most Viewed Product element will be available in your site.

How to add SW Most Viewed Product element into your page?

To add this element to your page, please follow steps as below:

1. Open your page and choose Edit with Visual Composer.
2. Click on Add element icon of Visual Composer, then choose SW Most Viewed Product.
3. Hover on this element and click on Pecil icon to edit it.
4. After that, configure element options then Save change for this element.
5. Preview the page and Update to save the change for this page.

SW Most Viewed Product Settings

With this element, there are various options for you to configure as your expectation.

See screenshot: Backend Settings

1. Title: Enter text used as widget title located above content element.
2. Product Title Length: Set product title length as you want.
3. Category: Choose product category for this element.
4. Template: Choose style for this element.
5. Banner Image: Upload banner image for element.
6. Number of products to slide: Set number of products to slide.
7. Number of posts to show: Set number of products to show.
8. Extra class name: If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

Product Settings for this elements:

To have the style and information as in the demo, you need to do some configuration for products.

1. Product Settings: You should pay attention to options including Product Title, Product Image, Product Location and Price. See screenshot: Backend Settings

Info For more detail, you can see the Product Settings in Product part in Basic Settings for more detail.

This element helps you to display product brands as slider in the page. After installing the theme and required plugins, this SW Brand element will be available in your site.

How to add SW Brand element into your page?

To add this element to your page, please follow steps as below:

1. Open your page and choose Edit with Visual Composer.
2. Click on Add element icon of Visual Composer, then choose SW Brand.
3. Hover on this element and click on Pecil icon to edit it.
4. After that, configure element options then Save change for this element.
5. Preview the page and Update to save the change for this page.

SW Brand Settings

With this element, there are various options for you to configure as your expectation.

See screenshot: Backend Settings

1. Title: Enter text used as widget title located above content element.
2. Categories: Choose Categories Brand you want to display.
3. Style: Choose style for this element.
4. Order By: Set the order of product by Name, Date, Author, ID, Modified or others.
5. Order: Set product order by Ascending or Descending.
6. Number Of Post: Set number of product posts to appear in your site.
7. Number row per column: Set number of product posts to appear per row/colum in your site.
8. Number of Columns … : Set number of column appearing on each screen size.
9. Speed: Set speed for slider.
10. Auto Play: Choose True to have slider plays automatically and choose False for not automatically play.
11. Interval: Set the interval time for slider auto plays.
12. Layout: Choose display layout for the element.
13. Total Items Slided: Choose total item slided.

Brand Settings for this elements:

To have the style and information as in the demo, you need to do some configuration for Categories Brand in Product.

1. Categories Brand Settings: Product categories brand should be created first, after that you can assign in the element. Please pay attention to add the Brand Image then it will appear in your site. See screenshot: Backend Settings

Info For more detail, you can see the Brand Settings in Product part in Basic Settings for more detail.

This element helps you to display blog post of a category as slider in the page. After installing the theme and required plugins, this SW Responsive Post Slider element will be available in your site.

How to add SW Responsive Post Slider element into your page?

To add this element to your page, please follow steps as below:

1. Open your page and choose Edit with Visual Composer.
2. Click on Add element icon of Visual Composer, then choose SW Responsive Post Slider.
3. Hover on this element and click on Pecil icon to edit it.
4. After that, configure element options then Save change for this element.
5. Preview the page and Update to save the change for this page.

SW Responsive Post Slider Settings

With this element, there are various options for you to configure as your expectation.

See screenshot: Backend Settings

1. Title: Enter text used as widget title located above content element.
2. Description: Enter the description of the elements. It will appear below the title.
3. Category filter: Choose categories including post you want to show.
4. Excerpt length (in words): Set the number of character of post title.
5. Order By: Set the order of product by Name, Date, Author, ID, Modified or others.
6. Order: Set product order by Ascending or Descending.
7. Number Of Post: Set number of product posts to appear in your site.
8. Number row per column: Set number of product posts to appear per row/colum in your site.
9. Number of Columns … : Set number of column appearing on each screen size.
10. Speed: Set speed for slider.
11. Auto Play: Choose True to have slider plays automatically and choose False for not automatically play.
12. Interval: Set the interval time for slider auto plays.
13. Layout: Choose display layout for the element.
14. Total Items Slided: Choose total item slided.

Post Settings for this elements:

To have the style and information as in the demo, you need to do some configuration for post and category.

1. Category Settings: Product category should be created first, after that you can assign in the element. See screenshot: Backend Settings
2. Post Settings: You should pay attention to options including Post Title, Post Category, Featured Image, and Sale Price. See screenshot: Backend Settings

This element helps you to add single image as banner in the page. After installing the theme and required plugins, this Single Image element will be available in your site.

How to add Single Image element into your page?

To add this element to your page, please follow steps as below:

1. Open your page and choose Edit with Visual Composer.
2. Click on Add element icon of Visual Composer, then choose Single Image.
3. Hover on this element and click on Pecil icon to edit it.
4. After that, choose image you want and do other configurations then Save change for this element.
5. Preview the page and Update to save the change for this page.

Single Image Settings

With this element, there are various options for you to configure as your expectation.

General

See screenshot: Backend Settings

1. Title: Enter text used as widget title located above content element.
2. Image source: Choose Image source as Media Library, External Link or Featured Image.
3. Image: If you choose Image source as Media Libraly, you can load image from library here.
4. External link: If you choose Image source as External Link, you can insert the image link here.
5. Image size: You can set image size in this option as “thumbnail”, “medium”, “large”, “full” or other sizes defined by theme. Alternatively enter size in pixels (Example: 200×100 (Width x Height)).
6. Add caption?: Choose Yes to add caption of this image
7. Image alignment: Select image alignment as Left, Right or Center.
8. Image style: Choose style image display style as Default, Rounded, Bordered, Outline, Shadow or others.
9. On click action: Choose action for click action on Image including Open custom link, Link to large image, Zoom, or open Prettyphoto.
10. Image Link: If you set On click action as Open customlink, enter the link target here.
11. Link Target: Choose to open Image link in Same window or Open in new window.
12. CSS Animation: Select type of animation for element to be animated when it “enters” the browsers viewport (Note: works only in modern browsers).
13. Element ID: Enter element ID (Note: make sure it is unique and valid according to w3c specification).
14. Extra class name: Add Extra class name to style the element. The class name is refered in custom CSS.

Design Options

See screenshot: Backend Settings

1. CSS box: In the CSS box, you can add margin, border and padding to this element.
2. Border color: Select color for the border of this element.
3. Border style: Choose style for the border of this element.
4. Border radius: Configure the radius for the border of this element.
5. Background: Select background color for this element.
6. Image upload button: Upload image as bacground color for this element.
7. Dropdown options: Choose style for background image upload above as Cover, Theme defaults, Contain, No repeat or Repeat.
8. Box controls: Choose Sinplify controls or not.

Info To have image banner beautifully in your site, you should choose the one having the same size as in the demo.

This element helps you to add raw html for more information with beautiful style in the page. After installing the theme and required plugins, this Raw HTML element will be available in your site.

How to add Raw HTML element into your page?

To add this element to your page, please follow steps as below:

1. Open your page and choose Edit with Visual Composer.
2. Click on Add element icon of Visual Composer, then choose Raw HTML.
3. Hover on this element and click on Pecil icon to edit it.
4. After that, add HTML and do other configurations then Save change for this element.
5. Preview the page and Update to save the change for this page.

Raw HTML Settings

With this element, there are various options for you to configure as your expectation.

General

See screenshot: Backend Settings

1. Raw HTML: Enter HTML content you want to add in your page.
2. Element ID: Enter element ID (Note: make sure it is unique and valid according to w3c specification).
3. Extra class name: Add Extra class name to style the element. The class name is refered in custom CSS.

Design Options

See screenshot: Backend Settings

1. CSS box: In the CSS box, you can add margin, border and padding to this element.
2. Border color: Select color for the border of this element.
3. Border style: Choose style for the border of this element.
4. Border radius: Configure the radius for the border of this element.
5. Background: Select background color for this element.
6. Image upload button: Upload image as bacground color for this element.
7. Dropdown options: Choose style for background image upload above as Cover, Theme defaults, Contain, No repeat or Repeat.
8. Box controls: Choose Sinplify controls or not.

Info For this one, please make sure that you use the right HTML in your site. You can edit the link and content as your expectation. See screenshot: Settings

This element helps you to add text, image and form for more information with beautiful style in the page. After installing the theme and required plugins, this Text Block element will be available in your site.

How to add Text Block element into your page?

To add this element to your page, please follow steps as below:

1. Open your page and choose Edit with Visual Composer.
2. Click on Add element icon of Visual Composer, then choose Text Block.
3. Hover on this element and click on Pecil icon to edit it.
4. After that, add HTML and do other configurations then Save change for this element.
5. Preview the page and Update to save the change for this page.

Text Block Settings

With this element, there are various options for you to configure as your expectation.

General

See screenshot: Backend Settings

1. Text Block: Enter HTML content you want to add in your page.
2. Element ID: Enter element ID (Note: make sure it is unique and valid according to w3c specification).
3. CSS Animation: Select type of animation for element to be animated when it “enters” the browsers viewport (Note: works only in modern browsers).
4. Extra class name: Add Extra class name to style the element. The class name is refered in custom CSS.

Design Options

See screenshot: Backend Settings

1. CSS box: In the CSS box, you can add margin, border and padding to this element.
2. Border color: Select color for the border of this element.
3. Border style: Choose style for the border of this element.
4. Border radius: Configure the radius for the border of this element.
5. Background: Select background color for this element.
6. Image upload button: Upload image as bacground color for this element.
7. Dropdown options: Choose style for background image upload above as Cover, Theme defaults, Contain, No repeat or Repeat.
8. Box controls: Choose Sinplify controls or not.

Info For this one, please make sure that you use the right HTML in your site. You can edit the link and content as your expectation. See screenshot: Settings

This element helps you to add text, image and form for more information with beautiful style in the page. After installing the theme and required plugins, this WP Tag Cloud element will be available in your site.

How to add WP Tag Cloud element into your page?

To add this element to your page, please follow steps as below:

1. Open your page and choose Edit with Visual Composer.
2. Click on Add element icon of Visual Composer, then choose WP Tag Cloud.
3. Hover on this element and click on Pecil icon to edit it.
4. After that, add HTML and do other configurations then Save change for this element.
5. Preview the page and Update to save the change for this page.

WP Tag Cloud Settings

With this element, there are various options for you to configure as your expectation.

See screenshot: Backend Settings

1. Title: Enter title for this element.
2. Taxonomy: Choose source for tag cloud.
3. Element ID: Enter element ID (Note: make sure it is unique and valid according to w3c specification).
4. Extra class name: Add Extra class name to style the element. The class name is refered in custom CSS.