The easy to use, and versatile Button Element allows you add a variety buttons to your site, with a huge array of options. Choose from 4 sizes, flat or 3D style, unlimited colors, border widths, border radius, icons, dividers and animations, as well as buttons that open modal popups. Read below for an overview of the specific features of the Element.
How To Use The Button Element
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 Fusion Builder is activated, by clicking the ‘Use Fusion 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.
Location: The edit screen within each Element.
You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.
Note: The Default setting will use the global settings assigned for this element in your Theme Options > Fusion Builder Elements > Button Element section.
Location: WordPress Dashboard > Avada > Theme Options > Fusion Builder Elements > Button Element
The Avada Advanced Options Network gives you amazing flexibility with additional Global Options that allows you to control individual Elements en masse.