Skip to main content
Addons for Elementor Documentation

Search for answers or browse our knowledge base.

< All Topics

Alert Box

The Alert Box widget is a perfect way to display important announcements, warnings, or notifications on your website in a way that catches the eye without being intrusive.

This widget comes free with WPMozo Addons Lite. To use it, simply install and activate the free version of plugin.

WPMozo Addons Lite for Elementor

Overview

Alert boxes are essential for communicating with your visitors. Whether it’s a success message after a form submission or a critical update, this widget gives you full control over the look and feel of your notifications, including icons, images, and close buttons.

How to use

  • Locate the “Alert Box” widget in your Elementor sidebar.
  • Add it to your page and enter your alert title and message.
  • Choose between an icon or a thumbnail image for the alert.
  • Configure the display settings like the close button and call-to-action button.

Content settings

  • Alert Message: Enter the title and description text for your alert notification.
  • Media Type: Toggle between using a FontAwesome icon or a custom thumbnail image.
  • Action Button: Add a Call-to-Action button with custom text and a link.
  • Close Button: Enable the close icon to allow users to dismiss the alert.

Style settings

Title text

Customize the look and feel of the alert heading.

  • Heading Level: Choose the HTML tag (H1-H6) for your title.
  • Color & Typography: Set colors for normal and hover states, and choose fonts.
  • Text Shadow: Add shadow effects to the title text.
  • Alignment: Align the title to the left, center, or right.

Description text

Style the detailed message text within the alert box.

  • Color & Typography: Fully customize the font and color of the description.
  • Text Shadow: Apply a shadow effect for better readability if needed.
  • Alignment: Set the text alignment for different devices.

Action button

These settings are available if you have enabled the Alert Button.

  • Custom Style: Toggle to use custom styling for the button.
  • Icon Styling: Add and style an icon for the button (color, position, etc.).
  • Background & Border: Set custom background colors, gradients, and borders.
  • Typography: Choose the font and size for the button text.
  • Padding & Radius: Control the button’s shape and internal spacing.

Alert container

Style the main box that wraps all the alert content.

  • Background: Apply classic colors or gradients to the box.
  • Border & Shadow: Add borders and box shadows for a premium look.
  • Padding & Margin: Control the internal and external spacing of the alert box.
Table of Contents