Table Of Contents

Switcher widget For Elementor

How to Use Switcher Widget For Elementor

It is Switcher Widget for Elementor documentation. On the basis of the section, I’ll give you some instructions and pictures detailed to help you get started.

So, let’s start.

To Insert widget

Inserting the Switcher widget For Elementor

Inserting widget, it is just a matter of drag and dropping. As you see in the screenshot above, drag the Switcher widget by Element Pack inside your page editor.

Content Tab

Using the content tab, you’ll be able to make a layout of a particular part of a website(such as a Switcher button). And in this regard, some handy sections in the tab will assist you a lot in designing the Elementor switcher.

Switch A

2 1 - BdThemes

This section will allow you to add Title and Icon to the switcher. In addition, you can show the badge to the switcher just by hitting on the yes/on the switcher button.

Most importantly, you can represent web content (text, image, video) from the select source, you can select any one of Elementor Template, AE Template, Link section, or Custom.

Switch B

Here in section B, you can do the same thing like Switch A.

Switch Settings

3 1 - BdThemes

From this section, you’ll be able to define the Layout, Spacing, Transition, and Default Active of the Switcher.

Style Tab

It is time to work with the Style Tab. The tab will easily have you style the web content (text, image, video, etc.) of the page you want to design the Switcher widget For Elementor.

Switcher Wrapper

Simply, go to the Style tab > Switcher Wrapper.

4 1 - BdThemes

This section will let you set Background, Border Type, Padding, and Border Radius.

Switch A

5 1 - BdThemes

In this section, you will be able to set Background Type, Text Color, Box Shadow, Border Color, and Border Radius in terms of both the Normal and Hover mode.

Switch B

The same things like Switch A goes in this section.


6 1 - BdThemes

This section will allow you to set content Alignment, Spacing, and Typography.

Video Assist

See this video for further assistance in understanding the Switcher widget For Elementor better. Also, you can go to the demo page to see more examples provided by Bdthemes.

Need any assistance? Call Us: +880 1700 55 95 95 | © Copyright 2022 All Rights Reserved by BdThemes
AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy our Products?

Don’t miss Powerful Elementor plugins; the Element Pack Pro, Prime Slider, Ultimate Post Kit, Ultimate Store Kit and over 2000+ ready templates for professional web design. 

Changed your Mind?

Please Suggest us how to improve

Up to 60% OFF

Purchase all our add-ons and make your website better than ever with our web designing products. Make your purchase with our limited-time AUTUMN offer in 60% off.