(NOTE: You can access all the shortcodes via the shortcodes icon on your visual editor. See this document if you need more information.)

 

Alert Messages come in various basic types. You can also configure a Custom type to your own preferences. Here are a few examples.

 

This is General alert box.

 

This is an Error alert box.

 

This is a Success alert box.

 

This is a Notice alert box.

 

This is a Custom alert box. I have changed the colors and the icon according to my own preferences.

 

Here's a look at some of the controls.

alerts

 

 

Here's an example of the shortcode in code view:

 

And here are the possible properties:

  • alert type= general, notice, error, success, custom
  • accent_color= hex code #000000, or color name black or rgba values like rgba(0,0,0,0.4)
  • background_color= hex code #000000, or color name black or rgba values like rgba(0,0,0,0.4)
  • border_size= use pixels like 1px
  • icon= select from various icons
  • box_shadow= yes or no
  • animation_type=none, bounce, fade, flash, shake, slide
  • animation_direction=down, left, righ, up
  • animation_speed=between 0.1 to 1
  • class=custom class for CSS
  • id=custom ID for CSS