Use responsives alert boxes with shortcodes.
Is easy, only use the shortcode.
Example: For a info message use:
[alert type="success"]Your text here[/alert]
Also you can change the icon size:
[alert type="success" icon-size="big"]Your text here[/alert]
Shortcode attributes:
- type (defines the style of the alert box):
- info (display a info style box)
- success (display a success style box)
- warning (display a warning style box)
- danger (display a danger style box)
- icon_size (defines the icon size):
- normal (icon normal size)
- small (icon small size)
- big (icon big size)
- hide-icon (no display the icon)
[alert type="type" icon-size="icon-size"]Your text here[/alert]