The Alert Element offers four preset and one custom Alert Box for your website. These are useful for all sorts of situations. There is a General Alert, an Error Alert, a Success Alert, a Notice Alert, and the aforementioned Custom Alert. There is a range of settings available, some of which only apply to the Custom Alert, as the first four are preset to specific situations and uses. The Custom Alert however is fully customizable.
How To Use The Alert Element
The Alert Element is easy to add anywhere in your content. Follow these simple steps below.
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 Alert Element into. Click on Add new Element, at the bottom of the content in the Column.
Step 3. Choose Alert from the Elements List.
Step 4. The first option allows you to select from a number of preset Alert boxes, or you can choose Custom if you prefer to style it yourself. Note that the next two options, Accent Color, and Background Color, will not affect the Element unless you have chosen Custom in the first option.
Step 5. Once you have chosen colors, you can go through the other General Options. You have options for Border width, Icon, Content Alignment, Text Transform, Box Shadow, and Dismissable Box. By default, Alerts Boxes are dismissible (the user can close them) but there is an option here to make them permanent if you wish.
Step 6. Once you have chosen your options, add your content in the Alert Content field. This is the text that shows on the Alert box.
Step 7. If you wish to make further customization, there are options for Element Visibility, as well as fields for a CSS Class, and CSS ID. There is also an animation tab, if you wish to customize how the Alert will load on the page. Once you have completed selecting your options, click on Save. Preview the page to view, and you can always come back and edit the Button to fine tune the 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 > Alert Element section.
Location: WordPress Dashboard > Avada > Theme Options > Fusion Builder Elements > Alert Element
The Avada Advanced Options Network gives you amazing flexibility with additional Global Options that allows you to control individual Elements en masse.