How To Use & Customize Advanced Toogle Widget

Use Advanced Toogle Widget to show all sorts of comparisons in two separate panels that can be switched between.

Follow the step-by-step instructions:

1. To customize Advanced Toogle, you can add your content before, → Go to Templates.

2. Click Saved Templates.

3. Click Add New Template to create your content.

4. Choose your template type here → click Create Template.

5. Create your content here :

• Setting Content Width : Full Width
• Don’t forget to click Publish to save your content.

6. Go to Menu Romethemekit Pro.

7. And you will be able to see the Advanced Toogle Widget.

8. Click Add New Container.

9. Select your layout : Flexbox or Grid.

10. On the canvas select your structure.

11. Drag the widget from the Elementor 

12. Drop it on the selected area.

13. Setting Content :

• Click Content → Content.
• Select your first and second template. (the template will appear from the saved template that you created before).

14. Toogle Style (used to customize the toogle style) :

• Click Style → Toogle.
• Customize the alignment, padding, margin, radius, spacing, box shadow, border and background color.

15. Title Style (used to customize the title style) :

• Click Style → Title.
• Customize the typography and color title here.

16. Switcher Style (used to customize the switcher style) :

• Click Style → Switcher.
• Customize the radius, width, height, and background color.

17. Toogle Content Style (used to customize the toogle content style) :

• Click Style → Toogle Content.
• Customize the padding and margin content here.

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