How to Use Dual Button Widget

How to Use Dual Button Widget

It is Dual Button Widget 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 widget, it is just a matter of drag and dropping. As you see in the screenshot above.

Content Tab

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


Here, in this section, you can set button size, alignment, and width. Specially, you can add text between the buttons.

Go to the Content tab > Button.

Button A

This section will allow you to shape or modify the first button. You could add text, link, alignment, and icon. In addition, you on/off the two switcher buttons.

simply go to the Content tab > Button A.

Button B

It is as similar as Button A. Just go to the Content tab > Button B.

Style Tab

Now, let’s work with Style Tab. The tab will confidently have you style the web content (text, image, video, etc.) of the page you require to design. 

Styling with the Style tab in Elementor will always give you a fantastic experience.

Let’s have a look.


Both in the Normal mode and Hover mode, you could style the button. Go the Style tab > Button and have a look at the screenshot below.



Button A

This section will let you set a few Effects and work in both Normal and Hover mode.


Just, go to the Style tab > Button A and see what happens.


Button B

It is as quite similar as Button A to style the Button B. Simply go to the Style tab > Button B and look at the screenshot below.



Button A Icon & B Icon

These sections are pretty similar to the Button A and Button B.

Come to the Style tab > Button A Icon & Button B Icon.

Middle Text

Go to the Middle Text Section and check them all.

Video Assist

Finally, I hope you’ve noticed that all the sections are pretty similar and easy to control. If you need more support you can watch the video embed above and furthermore to get ideas, you can visit our demo page linked here.

About Selim Rana

Selim Rana is the Founder of BdThemes - the company behind Element Pack Pro! He is a Software Engineer passionate about WordPress and Elementor.

A first-ever all-in-one web solution with essential widget, extensions, and features for Elementor WordPress.

Your complete web development partner.


Copyright © 2022 BdThemes.
All Rights Reserved. Site built with Element Pack & Rooten Theme.

AUTUMN Sales up to 60% Discount on our products | Coupon: AUTUMN

Ready to buy Element Pack Pro?

Don’t miss 230+ essential Elementor widgets and 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.