Alerts

[Vc_row] [Vc_column] [Vc_custom_heading Text = "Shortcodes Alerts" 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 templates? 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? Yes, it's cetext] [/vc_column] [/vc_row] [Vc_row]

[Vc_separator color = "Custom" gap = "tall" gradient = "yes"]

"Colors"

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_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"] × warnin! 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 wanted 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]