[vc_row full_width=”stretch_row” parallax=”content-moving” css=”.vc_custom_1578298428482{margin-top: 0px !important;padding-top: 100px !important;padding-bottom: 100px !important;background: #3a3a3a url(https:\/\/www.infiwebs.com\/elegant-tabs-vc\/wp-content\/uploads\/sites\/2\/2020\/01\/bg-square.png?id=268);background-position: 0 0;background-repeat: repeat !important;}”][vc_column][vc_custom_heading text=”Elegant Tabs” font_container=”tag:h1|font_size:72px|text_align:center|color:%23282828|line_height:80px” use_theme_fonts=”yes” css_animation=”none” link=”url:https%3A%2F%2Fbit.ly%2Fbuy-elegant-vc-tabs||target:%20_blank|”][vc_custom_heading text=”#1 Selling Tabs Add-on for WPBakery Page Builder” font_container=”tag:h3|font_size:32px|text_align:center|color:%23232323|line_height:40px” use_theme_fonts=”yes” css=”.vc_custom_1578294980189{margin-top: 55px !important;margin-bottom: 55px !important;}”][vc_row_inner][vc_column_inner width=”1\/4″][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_btn title=”Get Elegant Tabs Now – $21″ style=”3d” color=”success” size=”lg” align=”center” i_icon_fontawesome=”fas fa-shopping-cart” add_icon=”true” link=”url:http%3A%2F%2Fbit.ly%2Fbuy-elegant-vc-tabs||target:%20_blank|”][\/vc_column_inner][vc_column_inner width=”1\/4″][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1556014626901{background-color: #ffffff !important;}”][vc_column width=”1\/4″][\/vc_column][vc_column width=”1\/2″][vc_empty_space height=”48px”][vc_column_text css_animation=”none” css=”.vc_custom_1578294479171{margin-bottom: 0px !important;}”]<\/p>\n
The Elegant Tabs adds styles and effects for modern tabs; from a simple box to a SVG shape. Depending on your design, different tab layouts and looks can spice up your sections; think outside of the box (literally) and you\u2019ll see how interesting the usually boring tabs can become.<\/span><\/p>\n [\/vc_column_text][vc_empty_space height=”83px”][\/vc_column][vc_column width=”1\/4″][\/vc_column][\/vc_row][vc_row equal_height=”yes” content_placement=”bottom”][vc_column][vc_empty_space height=”24px”][vc_custom_heading text=”Elegant Tabs – Features” font_container=”tag:h2|font_size:44px|text_align:left|color:%233d3d3d|line_height:50px” google_fonts=”font_family:ABeeZee%3Aregular%2Citalic|font_style:400%20regular%3A400%3Anormal” link=”|||”][vc_row_inner][vc_column_inner width=”2\/3″][vc_column_text]Elegant Tabs for WPBakery Page Builder comes with awesome features that you will barely get with any tabs plugin. Elegant tabs come with 10+ beautifully crafted tab styles and with unlimited customizability. You can see each tab in action by visiting the dedicated demo page for each of the tab styles.[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/3″][vc_btn title=”Buy Now!” color=”green” align=”right” i_icon_fontawesome=”fas fa-shopping-cart” add_icon=”true” link=”url:http%3A%2F%2Fbit.ly%2Fbuy-elegant-vc-tabs|||”][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=”24px”][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″][vc_cta h2=”10+ Tab Styles” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Fbar-style%2F|||” el_class=”features-block”]Elegant Tabs for WPBakery Page Builder comes with more than ten beautifully designed awesome tab styles to fit your design requirements. Each tab style is truly customizable with multiple layout options.[\/vc_cta][\/vc_column][vc_column width=”1\/3″][vc_cta h2=”Row & Column Support” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Fbar-style%2F|||” el_class=”features-block”]Having an ability to add content with columns inside the tabs is the most useful feature. You can easily divide your content into columns and preset it in a unique way. Also, you can insert any core element as well.[\/vc_cta][\/vc_column][vc_column width=”1\/3″][vc_cta h2=”Horizontal & Vertical Tabs” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Fbar-style%2F|||” el_class=”features-block”]Taking in mind that your site may need to have the tabs in vertical navigation, we have added an option for you to easily switch the tab navigation from horizontal to vertical and make tabs look unique.[\/vc_cta][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″][vc_cta h2=”Justified Tabs” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Fbar-style%2F|||” el_class=”features-block”]Fit your tabs in the container by acquiring the full width and divide the tab navigation across it to make each tab equal width. Justified tabs option works similar to equal width option but it goes fullwidth of the container.[\/vc_cta][\/vc_column][vc_column width=”1\/3″][vc_cta h2=”Align your tabs” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Fbar-style%2F|||” el_class=”features-block”]As your content flows, so your tabs should. You can align the tabs to left, right and center according to the content alignment on your page to keep the content alignment in a consistent way through out the site.[\/vc_cta][\/vc_column][vc_column width=”1\/3″][vc_cta h2=”Animate your tab content” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Fbar-style%2F|||” el_class=”features-block”]You might have been a fan of waypoint js to move your elements with animation. We have provided you with an option to animate your tab content. When you switch between tabs, the content is animated.[\/vc_cta][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″][vc_cta h2=”Image Icon Only Tabs” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Fcustom-image-icon-only-demo%2F|||” el_class=”features-block”]You can display tabs with an image as icons only and without tab titles. This is best for displaying tabs with information about your partners, employees and much more. Also, you can display a different image on hover.[\/vc_cta][\/vc_column][vc_column width=”1\/3″][vc_cta h2=”Any Tab Active” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Fset-any-tab-active-on-load%2F|||” el_class=”features-block”]You can set any tab as active when the page is loaded. This is helpful when you want to highlight a particular tab or set any tab active to display content evenly on a page having multiple tabs.[\/vc_cta][\/vc_column][vc_column width=”1\/3″][vc_cta h2=”Auto Switch Tabs” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Fauto-switch-tabs-with-interval%2F|||” el_class=”features-block”]You have the ability to switch the tabs with a custom interval. Set tabs to switch automatically if you want to display a flow of certain things and user don’t need to click on the tab to activate it to view its content.[\/vc_cta][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″][vc_cta h2=”Hide All Tabs” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Fset-all-tabs-hidden-on-load%2F|||” el_class=”features-block”]If you want to display only tabs navigation on initial page load then you have the ability to doing so with Elegant Tabs. You can hide all the tabs content area at initial page load and display only the tab navigation.[\/vc_cta][\/vc_column][vc_column width=”1\/3″][vc_cta h2=”Equal Width Tabs” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Fequal-width-tabs%2F|||” el_class=”features-block”]Often times, the tab width can be variable depending on the tab title length. You can control the tab width and set all tabs to share equal width so the tabs navigation looks good even with variable title length.[\/vc_cta][\/vc_column][vc_column width=”1\/3″][vc_cta h2=”Show\/Hide Tabs on Click” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Fshow-hide-tabs-on-click%2F|||” el_class=”features-block”]The feature that no other tabs plugin provides. You can enable the tabs to be opened and closed on click. This feature allows you to hide all your opened tabs so you can navigate through the page easily.[\/vc_cta][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″][vc_cta h2=”Tabs with Subtitles” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Ftabs-with-sub-titles%2F|||” el_class=”features-block”]Does your tab title not enough to explain the tab? You have the ability to set tab subtitle and explain the tab more effectively. Sub-titles for the tabs make it easier to say more about that tab within its navigation.[\/vc_cta][\/vc_column][vc_column width=”1\/3″][vc_cta h2=”Custom Colored Tabs” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Fcustom-colors-for-each-tab%2F|||” el_class=”features-block”]Want to give each of your tabs its own color? Now, you can. This feature is must when you have brand information or want to represent each tab with its own color and make your site look more beautiful.[\/vc_cta][\/vc_column][vc_column width=”1\/3″][vc_cta h2=”Switch Tabs on Hover” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Fswitch-tabs-on-hover%2F|||” el_class=”features-block”]Allow users to switch tabs when they move their mouse pointer over the tab title. With this feature, it will be easier for the users to navigate through the tabs and view its content without even clicking the tab.[\/vc_cta][\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″][vc_cta h2=”Tabs to Carousel” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Ftabs-navigation-to-carousel%2F|title:Tabs%20Navigation%20to%20Carousel||” el_class=”features-block”]Have you ever saw your tabs going to second line just because they don’t fit in the container? Thought to have them slide like carousel instead of showing on the new line? Here’s the option for you.[\/vc_cta][\/vc_column][vc_column width=”1\/3″][vc_cta h2=”Sticky Tabs” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Fsticky-tabs-navigation%2F|title:Sticky%20Tabs%20Navigation||” el_class=”features-block”]What if the tab content is longer than the screen size and you need to scroll up to switch tabs? Ever wanted to see your tabs floating like your sticky header? Now, you can set your tabs to be sticky as well![\/vc_cta][\/vc_column][vc_column width=”1\/3″][vc_cta h2=”Close Accordions on Mobile” style=”outline” add_button=”bottom” btn_title=”Visit Demo” btn_color=”green” btn_link=”url:https%3A%2F%2Fwww.infiwebs.com%2Felegant-tabs-vc%2Fclose-accordions-on-load%2F|title:Close%20Accordions%20on%20Load||” el_class=”features-block”]Do you want to hide all your accordion content by default on mobile? You have an option. Just enable it and see the magic. The tabs as an accordion on mobile will have all closed by default when loaded.[\/vc_cta][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=”50px”][vc_btn title=”Get Elegant Tabs Now – $21″ style=”3d” color=”success” size=”lg” align=”center” i_icon_fontawesome=”fas fa-shopping-cart” add_icon=”true” link=”url:http%3A%2F%2Fbit.ly%2Fbuy-elegant-vc-tabs||target:%20_blank|”][vc_empty_space height=”50px”][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":" [vc_row full_width=”stretch_row” parallax=”content-moving” css=”.vc_custom_1578298428482{margin-top: 0px !important;padding-top: 100px !important;padding-bottom: 100px !important;background: #3a3a3a url(https:\/\/www.infiwebs.com\/elegant-tabs-vc\/wp-content\/uploads\/sites\/2\/2020\/01\/bg-square.png?id=268);background-position: 0 0;background-repeat: repeat !important;}”][vc_column][vc_custom_heading text=”Elegant Tabs” font_container=”tag:h1|font_size:72px|text_align:center|color:%23282828|line_height:80px” use_theme_fonts=”yes” css_animation=”none” link=”url:https%3A%2F%2Fbit.ly%2Fbuy-elegant-vc-tabs||target:%20_blank|”][vc_custom_heading text=”#1 Selling Tabs Add-on for WPBakery Page Builder” font_container=”tag:h3|font_size:32px|text_align:center|color:%23232323|line_height:40px” use_theme_fonts=”yes” css=”.vc_custom_1578294980189{margin-top: 55px !important;margin-bottom: 55px !important;}”][vc_row_inner][vc_column_inner width=”1\/4″][\/vc_column_inner][vc_column_inner width=”1\/2″][vc_btn title=”Get Elegant Tabs Now – $21″ style=”3d” color=”success” size=”lg” align=”center” i_icon_fontawesome=”fas fa-shopping-cart” add_icon=”true” link=”url:http%3A%2F%2Fbit.ly%2Fbuy-elegant-vc-tabs||target:%20_blank|”][\/vc_column_inner][vc_column_inner width=”1\/4″][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=”stretch_row” […]<\/p>\n","protected":false},"author":1,"featured_media":302,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"spay_email":""},"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P8YUW4-n","jetpack-related-posts":[{"id":339,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/sitemap\/","url_meta":{"origin":23,"position":0},"title":"sitemap","date":"February 2, 2020","format":false,"excerpt":"[seopress_html_sitemap]","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":288,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/custom-link-tab\/","url_meta":{"origin":23,"position":1},"title":"Custom Link Tab","date":"July 16, 2017","format":false,"excerpt":"[vc_row][vc_column][vc_custom_heading text=\"Tabs with a custom link\" google_fonts=\"font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20italic%3A600%3Aitalic\"][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=\"50px\"][vc_custom_heading text=\"Tabs with a custom link - Double-tap to open the link on a touch screen device\" google_fonts=\"font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20italic%3A600%3Aitalic\"][\/vc_column][\/vc_row]","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":254,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/deep-link-tabs\/","url_meta":{"origin":23,"position":2},"title":"Deep link tabs","date":"March 2, 2018","format":false,"excerpt":"[vc_row][vc_column][vc_column_text]You can deep link the tabs by using their IDs and prepending the #section- to them. Deep linking can work from within the same page or from any page with the full url. You can click below buttons to switch the particular tabs or can try the menu from any\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":384,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/conditional-tabs\/","url_meta":{"origin":23,"position":3},"title":"Conditional Tabs","date":"July 16, 2017","format":false,"excerpt":"[vc_row][vc_column][vc_custom_heading text=\"Conditional Tabs - You can now easily display or hide a certain from users if they are logged in or logged out\" google_fonts=\"font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20italic%3A600%3Aitalic\"][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]To view the conditional tabs, you can log in to the site using the following login details - Username : demo Password : demo [\/vc_column_text][\/vc_column][\/vc_row]","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":319,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/tabs-navigation-to-carousel\/","url_meta":{"origin":23,"position":4},"title":"Tabs Navigation to Carousel","date":"July 16, 2017","format":false,"excerpt":"[vc_row][vc_column width=\"1\/2\"][vc_custom_heading text=\"Convert Tabs Navigation to Carousel\" google_fonts=\"font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20italic%3A600%3Aitalic\"][vc_column_text]Often times, when there are multiple tabs and the tabs doesn't fit into the container and they collapse to the next row. This looks bad and you might need to adjust either the tab titles to make tabs fit into the container or\u2026","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":329,"url":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/close-accordions-on-load\/","url_meta":{"origin":23,"position":5},"title":"Close Accordions on Load","date":"July 16, 2017","format":false,"excerpt":"[vc_row][vc_column][vc_custom_heading text=\"Close Accordions by Default\" google_fonts=\"font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20italic%3A600%3Aitalic\"][vc_column_text]See this page on mobile and you can see that all the accordions are closed by default.[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_empty_space height=\"50px\"][\/vc_column][\/vc_row]","rel":"","context":"Similar post","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/pages\/23"}],"collection":[{"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/comments?post=23"}],"version-history":[{"count":0,"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/pages\/23\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/media\/302"}],"wp:attachment":[{"href":"https:\/\/envato.infiwebs.com\/elegant-tabs-vc\/wp-json\/wp\/v2\/media?parent=23"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}