[fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”25px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” class=”” id=””][title size=”1″ content_align=”left” style_type=”” sep_color=”” class=”” id=””]Alert Message Shortcode[/title][two_third last=”no” class=”” id=””]
Avada includes an alert message shortcode that you can use throughout the site. These are perfect for displaying important information, alerts or messages to your viewers. The options we include allow you to animate the box when it shows in the viewport, use font awesome icons, customize the colors, accent colors, border sizes and more. Many options to fit every situation.
[/two_third][one_third last=”yes” class=”” id=””][alert type=”general” accent_color=”” background_color=”” border_size=”1px” icon=”fa-star” box_shadow=”yes” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””]Message Box Shortcodes[/alert][/one_third][/fullwidth][separator style_type=”single” top_margin=”10″ bottom_margin=”” sep_color=”#cdcdcd” icon=”fa-chevron-down” width=”” class=”” id=””][fullwidth backgroundcolor=”#f8f8f8″ backgroundimage=”http://theme-fusion.com/avada/wp-content/uploads/2013/07/bkgd13.jpg” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” bordersize=”1px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”30px” paddingbottom=”45px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” class=”” id=””]
Choose From 4 [popover title=”Unleash The Power of Avada” title_bg_color=”” content=”Create beautiful, eye catching layouts with all the various elements Avada provides, like this nice little popover.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]Message[/popover] Types Or Build Your Own!
[separator style_type=”none” top_margin=”” bottom_margin=”5″ sep_color=”rgba(000,000,000,.1)” icon=”” width=”” class=”” id=””][one_half last=”no” class=”” id=””][alert type=”custom” accent_color=”#848484″ background_color=”rgba(255,255,255,.25)” border_size=”1px” icon=”fa-info” box_shadow=”yes” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””]Message Box Shortcodes[/alert][alert type=”error” accent_color=”” background_color=”” border_size=”1px” icon=”” box_shadow=”yes” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””]Message Box Shortcodes[/alert][/one_half][one_half last=”yes” class=”” id=””][alert type=”success” accent_color=”” background_color=”” border_size=”1px” icon=”fa-star” box_shadow=”yes” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””]Message Box Shortcodes[/alert][alert type=”notice” accent_color=”” background_color=”” border_size=”1px” icon=”fa-star” box_shadow=”yes” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””]Message Box Shortcodes[/alert][/one_half][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”scroll” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”65px” paddingbottom=”20px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” class=”” id=””][one_third last=”no” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Color Control” description=”Control the background color and accent color (text / icon / border)” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””][/one_third][two_third last=”yes” class=”” id=””][separator style_type=”none” top_margin=”30″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][alert type=”custom” accent_color=”#fff” background_color=”#e5694b” border_size=”1px” icon=”fa-laptop” box_shadow=”yes” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””]Message Box Shortcodes[/alert][/two_third][one_third last=”no” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Border Control” description=”Control the border size and color of the message box.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””][/one_third][two_third last=”yes” class=”” id=””][separator style_type=”none” top_margin=”30″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][alert type=”custom” accent_color=”#39a4c3″ background_color=”#fff” border_size=”7px” icon=”fa-trophy” box_shadow=”yes” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””]Message Box Shortcodes[/alert][/two_third][one_third last=”no” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Box Animations” description=”Animate the message boxes with smotth CSS3 animations. 5 animations types, 4 directions, speed control” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””][/one_third][one_third last=”no” class=”” id=””][separator style_type=”none” top_margin=”30″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][alert type=”custom” accent_color=”#39a4c3″ background_color=”” border_size=”1px” icon=”fa-thumbs-up” box_shadow=”yes” animation_type=”bounce” animation_direction=”down” animation_speed=”1″ class=”” id=””]Message Box Animations[/alert][/one_third][one_third last=”yes” class=”” id=””][separator style_type=”none” top_margin=”30″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][alert type=”custom” accent_color=”#f56441″ background_color=”” border_size=”1px” icon=”fa-magic” box_shadow=”no” animation_type=”shake” animation_direction=”down” animation_speed=”1″ class=”” id=””]Message Box Animations[/alert][/one_third][one_third last=”no” class=”” id=””][tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” modal=”” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Box Shadow” description=”Choose if the box displays a subtle bottom shadow or not.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box][separator style_type=”none” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””][/one_third][one_third last=”no” class=”” id=””][separator style_type=”none” top_margin=”30″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][alert type=”general” accent_color=”” background_color=”” border_size=”1px” icon=”fa-trophy” box_shadow=”yes” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””]Subtle Bottom Shadow[/alert][/one_third][one_third last=”yes” class=”” id=””][separator style_type=”none” top_margin=”30″ bottom_margin=”” sep_color=”” icon=”” width=”” class=”” id=””][alert type=”general” accent_color=”” background_color=”” border_size=”1px” icon=”fa-trophy” box
_shadow=”no” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””]No Bottom Shadow[/alert][/one_third][/fullwidth][separator style_type=”single” top_margin=”5″ bottom_margin=”0″ sep_color=”#cdcdcd” icon=”fa-chevron-down” width=”” class=”” id=””][fullwidth backgroundcolor=”” backgroundimage=”http://theme-fusion.com/avada/wp-content/uploads/2013/07/bkgd13.jpg” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” bordersize=”1px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”22px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” class=”” id=””][two_third last=”no” class=”” id=””]
Join The 70,000+ Satisfied Avada Users!
[/two_third][one_third last=”yes” class=”” id=””][separator style_type=”none” top_margin=”7″ bottom_margin=”7″ sep_color=”” icon=”” width=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”3d” shape=”pill” target=”_blank” title=”” gradient_colors=”transparent|” gradient_hover_colors=”rgba(255, 255, 255, 0.15)|” accent_color=”rgba(0,0,0,.5)” accent_hover_color=”#333333″ bevel_color=”” border_width=”0px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ alignment=”center” class=”” id=””]I’M SOLD, BUY AVADA NOW![/button][/one_third][/fullwidth]