Default Alerts
Beautiful Alerts to show important Notices to your Customers. Place whatever you want in this Boxes and decide if they are dismissible or not. Place any Content inside of it, even Shortcodes or whatever you like!
- 8 Different Color Schemes
- With or withour Close Button
- Add classes, IDs and much more
- Full accessable with Animations
Well done! You successfully read this message.
Well done! You successfully read this message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this message.
Well done! You successfully read this message.
Well done! You successfully read this message.
Dismissible Alerts
Well done! You successfully read this message.
Well done! You successfully read this alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this message.
Well done! You successfully read this message.
Well done! You successfully read this message.
Minimal Shortcode
{alert}Content here{/alert}
Shortcode with some Options
{alert color="danger" close="yes" id="myid"}Content here{/alert}
| Parameter Name | Description | Possible values | Default |
|---|---|---|---|
| color | The Color of the Alert | default, success, info, warning, danger, primary, secondary, tertiary | default |
| close | Activates the Close Symbol | yes | |
| class | Add a optional Class to the Shortcode | ||
| id | Add a optional unique ID to the Shortcode | ||
| style | Add optional Style Attributes to the Shortcode | ||
| animation | Activates a Animation for this Element | Many, check the Animations Page | |
| animationduration | How long should the Animation run | Any positive Value for seconds | 1s |
| animationdelay | Should the Animation have a delay | Any positive Value for seconds | 0s |
