This knowledge base was built using the Echo knowledge base plugin
Notification Box
Overview
The Notification box widget enables you to display a colored box to draw attention to an important piece of information.
They supply important information to users where they can see it clearly.
Presets -Notification Types
Our Notification boxes have four notification types to choose from. These presets control the initial style that you can further customize.
Examples
Presets - Colors
The Notification box has 3 Preset colors to choose from.
Examples
Presets - Styles
The Notification box has 7 Styles to choose from. The style controls the look of the notification boxes.
Examples
Preset Library
Each of our widgets has presets. A preset is like a predefined configuration that applies certain styles so that you don’t need to spend time configuring one. You can further customize each preset.
We currently have 7 preset styles to choose from to get you started quickly.
To learn more about the Presets and how to use them, click here.
How to Use the Widget
Find the Widget
You can locate the widget in two ways:
A) Search for the widget using the Elementor search box.
Type in the words: notification or info
B) Find the CREATIVE ADDONS section and choose the widget
Drag and Drop
Click and drag the widget into a place on your web page.
Choose your Initial Preset
Choose the Preset as follows:
- Type: choose type to identify the type of notification box you need.
- Color: choose a color set
- Style: choose the look and style of the notification box.
Setting Overview
The Notification Box has four main areas that you can control
- Icon / Image - the Icon or Image. You can choose your own image or a selection of icons or no icon.
- Title - this is the title and you can change it's text values and the type of heading it is or none at all. Additionally, there are two general settings here as well.
- Layout Type: which controls the location of the image and text relative to each other.
- Structure: which controls the column sizes of the text and image.
- Description - this is the text below the title.
- Link - this is the Learn more button link that you can configure the text / Image / URL or turn it off entirely.
This article was built with the Best Knowledge base on the market.