Which Fb Template Allows Tabs Horizontal

Table of Contents

How to Configure and Fashion EA Advanced Tabs
- How to Activate Advanced Tabs
- How to Configure Content Settings
  - General Settings
  - Content
  - Click to Meet Live Demo
- How to Fashion Advanced Tabs
  - Full general
  - Others
- Final Issue

How to Configure and Fashion EA Advanced Tabs #

Avant-garde Tabs is quite similar to the element Avant-garde Accordion. Notwithstanding, the near noticeable divergence is in how these 2 elements display and present underlying text. And this is what every business should be looking for- the most appropriate style to present their content.

How to Activate Advanced Tabs #

To apply this Essential Addons chemical element, find the 'EA Advanced Tabs' element from the Search option under the 'ELEMENTS' tab. Simply just Elevate & Drop the 'EA Advanced Tabs' into the 'Elevate widget here' or the '+' section.

Advanced Tabs

Later you are done with footstep ane, this is the basic layout you are going to view:

Advanced Tabs

How to Configure Content Settings #

Under the 'Content' tab, you lot will find the Full general & Content Settings sections.

General Settings #

From the 'General Settings' section, you have the freedom to choose your preferred layout out of these two: Horizontal & Layout. Simply employ the toggle to display or hide 'Icons' for the tabs. If it's enabled, you are able to change the position to either 'Inline' or 'Stacked'.

Advanced Tabs

Content #

From the 'Content' department, you tin can change your 'Tab Title' and 'Content Type'. Yous take the freedom to add your ain 'Tab Content' as well. If you want to increase the number of tabs, only click on the '+ ADD Item' button right at the bottom.

Advanced Tabs

Y'all tin can also use your 'Saved Template' as 'Content Type'. You can as well modify the Icon Type, Tab Icon and enable/disable 'Agile as Default' tab option. If the 'Agile equally Default' is enabled, the certain tab volition ever be open up when y'all visit the 'Avant-garde Tabs' section.

Advanced Tabs

Click to See Live Demo #

How to Style Advanced Tabs #

Switch to the 'Style' tab to style all the elements of Advanced Tabs.

Full general #

'General' section lets y'all add 'Padding' and 'Margin' to the tabs. Besides, y'all are able to change the 'Border Type' and 'Border Radius' of the tabs every bit well. If you lot want, you can fifty-fifty add 'Box Shadow' likewise.

Advanced Tabs

Others #

From 'Tab Title' & 'Content' sections, you are able to change the 'Background Color', 'Text Colour', 'Border' and 'Typography'. If yous take the 'Icon' option enabled, yous can too alter the 'Icon Size' and 'Icon Gap' from the 'Tab Championship' section.

On superlative of that, you can even command the 'Background', 'Text' & 'Icon' colour of the tabs based on when information technology's in Normal, Hover or in an Active view. Simply use the toggle to display or hide 'Caret' when a tab is agile from the 'Caret' section. If it's enabled, you can change the size and color of the 'Caret' as well.

Advanced Tabs

Last Issue #

By post-obit these mentioned steps and a scrap more modifying & styling, yous can easily pattern your Advanced Tabs every bit per your preference.

Advanced Tabs

By using EA Advanced Tabs, this is how you can easily put the spotlight on your meaning contents & make them highly-seasoned to your visitors.

Getting stuck? Feel to Contact Our Support for farther assistance.

Get Started Now