Avada Alert Element Showcase

The Avada Alert Element is used to display messages or notifications within your web page content. The Element includes four default styles and supports customizable styles, including color, icon, and dismiss functionality, allowing you to align the alert’s appearance with your site’s branding or the urgency of the message. Whether it’s a warning, success confirmation, or general info, the Alert Element makes sure key messages don’t go unnoticed.

Below, you will find live examples of the Alert Element in action. Examples can include the individual option values set for that display; however, in some instances, not all Element variations can be shown as they may be too numerous. For further information related to this Avada Design Element, please check the Avada help center.

This Avada Alert Element is set up to showcase one of the four predefined styles – General

This Avada Alert Element is set up to showcase one of the four predefined styles – Error

This Avada Alert Element is set up to showcase one of the four predefined styles – Success

This Avada Alert Element is set up to showcase one of the four predefined styles – Notice

This Avada Alert Element showcases custom styling. Options include Accent Color, Background Color, Border Radius, Content Alignment, and a Dismiss Button.

This Avada Alert Element showcases custom styling. Options include Accent Color, Background Color, Border Radius, Custom Icon, Content Alignment, a Dismiss Button, and Alert Animation.

This Avada Alert Element showcases custom styling. Options include Accent Color, Background Color, Border Size, Border Radius, Custom Icon, Content Alignment, and a Dismiss Button.

This Avada Alert Element showcases custom styling. Options include Accent Color, Background Color, Border Radius, Custom Icon, Content Alignment, Text Underline, and Text Strikethrough.

This Avada Alert Element showcases custom styling. Options include Accent Color, Background Color, Border Radius, Custom Icon, Content Alignment, and Alert Animation.

This Avada Alert Element showcases custom styling. Options include Accent Color, Background Color, Border Radius, Custom Icon, Content Alignment, and Padding.

This Avada Alert Element showcases custom styling. Options include Accent Color, Background Color, Border Radius, Content Alignment, and Text Transform.

This Avada Alert Element showcases custom styling. Options include Accent Color, Background Color, Border Size, Custom Icon, Content Alignment, and a Dismiss Button.

Avada Title Element Featured ImageTitle