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. Edit an existing page. Ensure the Avada Builder is activated, by clicking the ‘Use Avada Builder’ button on top of the page editor.
Step 2. Choose the Container and Column you wish to add the Button 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. It will appear in the row of the Container you added it to. Preview the page to view, and you can always come back and edit the Button to fine tune its look and function.
Read below for a detailed description of all element options.