How To Use & Customize Dual Button Widget

Dual Button Widget enables you to add two flexible and modern CTA in different style without coding and easy to use.

Follow the step-by-step instructions:

1. Go to Menu RomethemeKit.

2. And you will be able to see the Dual Button 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. Content Dual Button :

• Click Content → General.
• Select Layout and Alignment.
• Setting Button Width.

9. Setting Button 1 :

• Click Content → Button 1.
• Setting content button 1 : text, icon position, spacing and link.
• Click Yes to add icon button.
• Click Icon Library → Choose Icon → Click Insert.

10. Setting Button 2 :

• Click Content → Button 2.
• Setting content button 2 : text, icon position, spacing and link.
• Click Yes to add icon button.
• Click Icon Library → Choose Icon → Click Insert.

11. Setting Separator :

• Click Content → Separator.
• Setting separator.
• Click Yes to add separator icon.
• Click Icon Library → Choose Icon → Click Insert.

12. General Style (used to customize the general style) :

• Click Style → General.
• Customize the spacing, radius, padding and box shadow.

13. Button 1 Style (used to customize the button 1 style) :

• Click Style → Button 1.
• Customize the typography, padding, alignment, text, icon, border, and button background color.

14. Button 2 Style (used to customize the button 2 style) :

• Click Style → Button 2.
• Customize the typography, padding, alignment, text, icon, border, and button background color.

15. Separator Style (used to customize the separator style) :

• Click Style → Separator.
• Customize the typography, radius, width, icon size, text, icon, border and background color.

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