Tabs
How to Configure and Style Tabs
Tabs is quite similar to the element Accordion. However, the most noticeable difference is in how these two elements display and present underlying text. And this is what every business should be looking for- the most appropriate manner to present their content.
How to Activate Tabs
To use this UBE Addons element, find the ‘Tabs‘ element from the Search option under the ‘ELEMENTS‘ tab. Simply just Drag & Drop the ‘Tabs‘ into the ‘Drag widget here‘ or the ‘+’ section.
After you are done with step 1, this is the basic layout you are going to view:
How to Configure Content Settings
Under the ‘Content’ tab, you will find the Tabs sections.
General Settings
Tab
From the ‘Tab’ section,
| Type | Choose the layout type of the tour. Includes classic, flat, outline, pills, underline. |
|---|---|
| Spacing | Allow spacing between tabs or not |
| Scheme | Choose the default color for the tab including border, text and background depending on the style of the tab. |
| Enable Icon | Allow displaying icons on tabs or not |
Content
Each item include
| Title | Enter the title of the tab |
|---|---|
| Icon Type | Choose the type of icon including icon or media. This control only works when Enable Icon is on |
| Content Type | Choose a content type that includes entered content or a pre-generated Element Template. |
| Content | Enter content if Content Type is Content selected |
| Saved Template | Choose a elementor template if Content Type is Save Template selected. |
Click to See Live Demo
How to Style Tabs
Switch to the ‘Style’ tab to style all the elements of Tabs.
General
‘Tabs’ section lets you add ‘Color’ , ‘Border’ or ‘Background’ to the tabs depend on type of Tabs.
Title
‘Title’ section lets you add Nav Alignment , Typography, Icon Size, Icon Spacing, Padding, Margin and Color, Icon Color, Background Color, Box Shadow in normal, hover and active to the tabs depend on type of Tabs.
Content
‘Content’ section lets you add Typography, Color, Background Color , Border Type, Padding to the content depend on type of Tabs.
Final Outcome
By following these mentioned steps and a bit more modifying & styling, you can easily design your Tabs as per your preference.
By using UBE Tabs, this is how you can easily put the spotlight on your significant contents & make them appealing to your visitors.
Getting stuck? Feel to Contact Our Support for further assistance.