How to Use & Customize Advanced Tabs Widget

The Advanced Tabs Widget is a great way to display lots of information in the same section of your website so that the users can easily access the content that you are interested in without even reloading the page.

Follow the step-by-step instructions:

1. Go to Menu Romethemekit.

2. And you will be able to see the Advanced Tabs Widget.

3. Click Add New Container.

4. Select your layout : Flexbox or Grid.

5. On the canvas select your structure.

6. Drag the widget from the Elementor 

7. Drop it on the selected area.

8. Input your text, use the {{}} symbols to indicate that the text will be given animation effects. If there are multiple texts, separate them with commas inside the {{ }}.

9. Setting the Alignment and Your Tag Heading.

10. Setting Background Heading :

• Click Style → Container.

• Customize your background, padding and radius here.

11. Setting Headline (Headline is the text inside the symbol {{}}) :

• Click Style → Headline.

• Setting the typography, shadow, heading radius, color and background color.

12. Setting Headline Standart :

• Click Style → Headline Standart.

• Setting the typography, shadow, heading radius, color and background color.

13. Don’t forget to click Publish to save the changes.