Alerts

[vc_row][vc_column][vc_custom_heading text=»Alerts Shortcodes» use_theme_fonts=»yes» el_class=»shorter»][vc_column_text]Styles for success, info, warning, and error messages and more messages. You can build with Visual Composer Message Box shortcodes and Bootstrap Alerts.[/vc_column_text][vc_separator color=»custom» gap=»tall» gradient=»yes»][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=»Message Boxes» font_container=»tag:h4|text_align:left» use_theme_fonts=»yes»][vc_custom_heading text=»With Font Awesome» font_container=»tag:h4|text_align:left» use_theme_fonts=»yes»][vc_message message_box_color=»alert-success» icon_fontawesome=»fa fa-check»]Well done! You successfully read this important alert message.[/vc_message][vc_message message_box_color=»alert-info»]Heads up! This alert needs your attention, but it’s not super important.[/vc_message][vc_message message_box_color=»alert-warning» icon_fontawesome=»fa fa-exclamation-triangle»]Warning! Best check yo self, you’re not looking too good.[/vc_message][vc_message message_box_color=»alert-danger» icon_fontawesome=»fa fa-exclamation-circle»]Oh snap! Change a few things up and try submitting again.[/vc_message][vc_empty_space height=»20px»][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text=»With Pixel» font_container=»tag:h4|text_align:left» use_theme_fonts=»yes»][vc_message color=»alert-success» message_box_style=»classic» message_box_color=»alert-info»]Well done! You successfully read this important alert message.[/vc_message][vc_message color=»alert-info» message_box_style=»classic» message_box_color=»alert-info»]Heads up! This alert needs your attention, but it’s not super important.[/vc_message][vc_message color=»alert-warning» message_box_style=»classic» message_box_color=»alert-info»]Warning! Best check yo self, you’re not looking too good.[/vc_message][vc_message color=»alert-danger» message_box_style=»classic» message_box_color=»alert-info»]Oh snap! Change a few things up and try submitting again.[/vc_message][vc_empty_space height=»20px»][/vc_column][/vc_row][vc_row][vc_column][vc_separator color=»custom» gap=»tall» gradient=»yes»][vc_custom_heading text=»Default» font_container=»tag:h4|text_align:left» use_theme_fonts=»yes»][vc_empty_space height=»20px»][vc_column_text el_class=»alert alert-default»]Well done! You are using a awesome template! Say Hi to Porto .[/vc_column_text][vc_column_text el_class=»alert alert-success»]Well done! You are using a awesome template! Say Hi to Porto .[/vc_column_text][vc_column_text el_class=»alert alert-info»]Need any help?! We are glad to help you, if you need.[/vc_column_text][vc_column_text el_class=»alert alert-warning»]We must tell you! This template is made with love by the okler team.[/vc_column_text][vc_column_text el_class=»alert alert-danger»]Oh snap! Are you using other template? Buy Porto now and make your customers a lot happier.[/vc_column_text][vc_column_text el_class=»alert alert-dark»]Well done! You are using a awesome template! Say Hi to Porto .[/vc_column_text][vc_column_text el_class=»alert alert-info»]

Announcement!

We are extermely happy to announce our first admin. We dedicated a lot of effort to bring you tons of features, easily customization for an accessible price! Do you still have any doubts that this is the best choice?

[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_separator color=»custom» gap=»tall» gradient=»yes»][vc_custom_heading text=»Colors» font_container=»tag:h4|text_align:left» use_theme_fonts=»yes»][vc_column_text el_class=»alert alert-primary»]Well done! You are using a awesome template! Say Hi to Porto .[/vc_column_text][vc_column_text el_class=»alert alert-secondary»]Well done! You are using a awesome template! Say Hi to Porto .[/vc_column_text][vc_column_text el_class=»alert alert-tertiary»]Well done! You are using a awesome template! Say Hi to Porto .[/vc_column_text][vc_column_text el_class=»alert alert-quaternary»]Well done! You are using a awesome template! Say Hi to Porto .[/vc_column_text][vc_empty_space height=»20px»][vc_separator color=»custom» gap=»tall» gradient=»yes»][/vc_column][/vc_row][vc_row][vc_column width=»1/2″][vc_custom_heading text=»Dismissible alerts» font_container=»tag:h4|text_align:left» use_theme_fonts=»yes» el_class=»m-b-none»][vc_column_text]Build on any alert by adding an optional .alert-dismissible.[/vc_column_text][vc_column_text el_class=»alert alert-warning alert-dismissible»]Warning! Better check yourself, you’re not looking too good.[/vc_column_text][vc_empty_space height=»20px»][/vc_column][vc_column width=»1/2″][vc_custom_heading text=»With Icons» font_container=»tag:h4|text_align:left» use_theme_fonts=»yes» el_class=»m-b-none»][vc_column_text]Add any icon you want from the icons library.[/vc_column_text][vc_column_text el_class=»alert alert-success»] Well done! You successfully read this important alert message.[/vc_column_text][vc_empty_space height=»20px»][/vc_column][/vc_row][vc_row][vc_column][vc_separator color=»custom» gap=»tall» gradient=»yes»][vc_custom_heading text=»Sizes» font_container=»tag:h4|text_align:left» use_theme_fonts=»yes»][vc_column_text el_class=»alert alert-info alert-sm»]Heads up! This alert needs your attention, but it’s not super important.[/vc_column_text][vc_column_text el_class=»alert alert-info»]Heads up! This alert needs your attention, but it’s not super important.[/vc_column_text][vc_column_text el_class=»alert alert-info alert-lg»]Heads up! This alert needs your attention, but it’s not super important.[/vc_column_text][vc_empty_space height=»20px»][/vc_column][/vc_row][vc_row][vc_column][vc_separator color=»custom» gap=»tall» gradient=»yes»][vc_custom_heading text=»Summary» font_container=»tag:h4|text_align:left» use_theme_fonts=»yes»][vc_column_text el_class=»alert alert-danger alert-dismissible»]Oh snap! Change a few things up and try submitting again.

  • Inform your username.
  • Inform your password.

[/vc_column_text][/vc_column][/vc_row]

Leave a reply