Droit Button Pro lets you place personalized buttons in different styles on your website.

Using Button Pro #

Make sure you have the Button Pro widget enabled from your Dashboard > Droit Addons > Elements.  

Step 1 #

Let’s start by searching Button Pro from the left-hand side menu, and dragging the widget to your preferred section.

Advanced Button widget - Elementor

Step 2 #

From the Content option, you can add the title, link, and icon/image for your button.

Button Pro widget - Content menu

Step 3 #

From the style tab, you can customize your button with size, typography, position, color, button setting, and icon. 

Button Pro widget - Button menu

Live Copy & Paste #

You can follow all the steps above and create your button section, or if you’re interested in skipping some steps, you can visit the Button Pro widget’s live demo page and simply copy one of three preset styles from the Live Copy button. And paste it in your preferred section.

Advanced Options #

In the advanced section of the widget, you will have the flexibility to add margin and padding to the widget. You can also modify the Z-index to customize the widget more.

Button Pro widget - Advanced menu

You will also get the chance to edit and customize the following options: 

  • Motion Effects
  • Droit Effect
  • CSS Transform 
  • Background 
  • Border 
  • Positioning 
  • Responsive 
  • Attributes 
  • Custom CSS

Powered by BetterDocs