Buttons are amazingly useful on a website. You can use them in so many ways. They can link to a website, they can open another page on your own site, they can even open a Modal dialog. You can use them in page content, widget areas, or even in menus. They can be full width, different sizes and colors; the options are almost endless. Let’s see how we insert one into a page.
Step 1. Ensure Avada Builder, or Avada Live is active.
Step 2. Create, or choose the Column you wish to add the Element into. Click on Add New Element.
Step 3. Choose Button from the Elements List.
Step 4. The General Tab is the place to set the links, button text, alignment, and other practical options. The first step is to add the link that the Button will open. This can be a URL, local content, or a Modal dialog. To use a Modal, add the class name of the Modal Window you want to open in the Modal Window Anchor section. For more details on Modals, see the link below. Next, fill out the Button Text (what you want to display on the button) and move down the options.
Step 5. The next step is to design your Button. On the Design Tab, you will find a huge variety of styling options, from color style presets, width, size, border radius and icon options.
Step 6. The Animations found in the Extras Tab can also be used to animate the entry of the button onto the page. There are 7 animations to choose from.
Step 7. Click Save when you are finished customizing your Button.
Read below for a detailed description of all element options.