Widget Guidelines

Dual Button Widget

Estimated reading: 2 minutes 151 views

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

Follow the step-by-step instructions:

1. Go to Menu RTMKit.

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.

Share this Doc

Dual Button Widget

Or copy link

CONTENTS