Messages & Callouts

Home / Messages & Callouts

[vc_row margin_bottom=”20px”][vc_column width=”1/1″][vc_text_separator title=”Message Boxes” title_align=”separator_align_left” style=”two” element_type=”div”][vc_message color=”alert-info”]This is an informational style message box.[/vc_message][vcex_spacing size=”15px”][vc_message color=”alert-block”]This is a warning style message box.[/vc_message][vcex_spacing size=”15px”][vc_message color=”alert-success”]This is a success style message box.[/vc_message][vcex_spacing size=”15px”][vc_message color=”alert-error”]This is an error style message box.[/vc_message][/vc_column][/vc_row][vc_row bg_style=”stretch” border_style=”solid” margin_bottom=”20px”][vc_column width=”1/1″][vc_text_separator title=”Composer Call To Action” title_align=”separator_align_left” style=”two” element_type=”div”][vc_cta_button2 h2=”You should purchase Total today!” style=”rounded” txt_align=”left” title=”Text on the button” btn_style=”rounded” color=”blue” size=”md” position=”right”]Donec pulvinar tristique nisi, in vehicula massa placerat ut. Nulla facilisi. Integer fringilla hendrerit turpis, a commodo erat luctus nec. Donec vel eleifend sem. Proin pharetra volutpat purus, egestas dignissim sem hendrerit quis.[/vc_cta_button2][vcex_spacing size=”15px”][vc_cta_button2 h2=”You should purchase Total today!” style=”rounded” txt_align=”left” title=”Add A Button” btn_style=”rounded” color=”blue” size=”md” position=”right” link=”url:http%3A%2F%2Fthemeforest.net%2Fitem%2Ftotal-responsive-multipurpose-wordpress-theme%2F6339019%3Fref%3DWPExplorer|title:Purchase%20Today|target:%20_blank”]Donec pulvinar tristique nisi, in vehicula massa placerat ut. Nulla facilisi. Integer fringilla hendrerit turpis, a commodo erat luctus nec. Donec vel eleifend sem. Proin pharetra volutpat purus, egestas dignissim sem hendrerit quis.[/vc_cta_button2][/vc_column][/vc_row][vc_row bg_style=”stretch” border_style=”solid” margin_bottom=”20px”][vc_column width=”1/1″][vc_text_separator title=”Callouts” title_align=”separator_align_left” style=”two” element_type=”div”][vcex_callout button_url=”http://www.google.com/” button_text=”Buy Now” button_color=”blue” button_border_radius=”3px” button_target=”self” button_rel=”none” button_style=”graphical”]

Awesome

This is a callout element that was designed to catch your attention.[/vcex_callout][vcex_spacing size=”15px”][vcex_callout button_url=”http://www.google.com/” button_text=”Buy Now” button_color=”orange” button_border_radius=”3px” button_target=”self” button_rel=”none” button_icon_left=”thumbs-up”]

WordPress Theme

This is a callout element that was designed to catch your attention.[/vcex_callout][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][vc_text_separator title=”Rows With Backgrounds & Borders” title_align=”separator_align_left” style=”two” element_type=”div”][vc_column_text]You can also build callouts by using the Visual Composer and the built-in backgrounds, paddings, border options. Have a look at some examples below![/vc_column_text][/vc_column][/vc_row][vc_row bg_color=”#f6f6f6″ bg_style=”stretch” border_color=”#3b86b0″ border_style=”solid” border_width=”0 0 0 3px” padding_top=”40px” padding_left=”35px” padding_right=”35px” margin_bottom=”20px”][vc_column width=”2/3″][vc_column_text]Build professional websites in minutes.
Just use the builder to drag & drop page elements to create your own custom layouts![/vc_column_text][/vc_column][vc_column width=”1/3″][vcex_spacing size=”13px”][vcex_button url=”http://www.google.com/” title=”Purchase Today” style=”graphical” align=”right” color=”blue” size=”small” border_radius=”3px” target=”self” rel=”none” font_weight=”400″]Purchase Today[/vcex_button][/vc_column][/vc_row][vc_row bg_style=”stretch” border_style=”solid” margin_bottom=”20px”][vc_column width=”1/2″ bg_color=”#f6f6f6″ bg_style=”stretch” border_color=”#3b86b0″ border_style=”solid” border_width=”3px 0 0 0″ padding_top=”20px” padding_bottom=”25px” padding_left=”30px” padding_right=”30px”][vc_column_text]Build professional websites in minutes.
Just use the builder to drag & drop page elements to create your own custom layouts![/vc_column_text][vcex_spacing size=”20px”][vcex_button url=”http://www.google.com/” title=”Purchase Today” style=”graphical” align=”left” color=”blue” size=”small” border_radius=”3px” target=”self” rel=”none” font_weight=”400″]Purchase Today[/vcex_button][/vc_column][vc_column width=”1/2″ bg_style=”stretch” border_style=”solid” padding_top=”20px” padding_bottom=”25px” padding_left=”30px” padding_right=”30px” bg_color=”#3b86b0″][vc_column_text]

Build professional websites in minutes.
Just use the builder to drag & drop page elements to create your own custom layouts![/vc_column_text][vcex_spacing size=”20px”][vcex_button url=”http://www.google.com/” title=”Purchase Today” style=”flat” align=”left” color=”orange” size=”small” border_radius=”3px” target=”self” rel=”none” font_weight=”400″]Purchase Today[/vcex_button][/vc_column][/vc_row][vc_row bg_style=”stretch” border_style=”solid”][vc_column width=”1/1″][vc_column_text]

Regarding Callouts & Message Boxes

  • You can have unlimited FontAwesome lists or styled bullets
  • Use the Visual Composer to create these sections
  • Choose between hundreds of font icons for the list module
  • Choose between check, red, blue, gray or purple for bulleted lists

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