Buttons

[fullwidth menu_anchor=”” backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” class=”” id=””] [title size=”1″]Button Shortcode[/title] [three_fourth] Avada includes some pretty amazing button options. Buttons are an integral part of your site, and we’ve made sure you have the options you need to add beautiful buttons to any page. Choose from 4 sizes, 3 shapes, flat or 3D style, unlimited colors, border widths, icons, dividers and animations as well as buttons that open modal popups.
[/three_fourth] [one_fourth last=”yes”] Incredible Buttons[/one_fourth] [/fullwidth] [separator style_type=”single” top_margin=”45″ bottom_margin=”55″ sep_color=”#cdcdcd” icon=”fa-chevron-down” width=”” class=”” id=””] [fullwidth menu_anchor=”” backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”scroll” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”25px” paddingbottom=”20px” class=”” id=””] [one_third] [tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Unlimited Colors” description=”Control all colors; backgrounds, hover backgrounds, accents (border, text, icon, divider), hover accents & 3D bevel.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box] [separator style_type=”” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””] [/one_third] [two_third last=”yes”] Color Color Color Color Color Color Color [separator top=”5″ style=”” color=””] Color Color Color Color Color Color Color [separator top=”5″ style=”” color=””] Color Color Color Color Color Color Color [/two_third] [one_third last=”no”] [tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”4 Button Sizes” description=”Avada buttons come in 4 different sizes so you always have the perfect size button for each situation. Choose small, medium, large or xlarge.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box] [separator style_type=”” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””] [/one_third] [two_third last=”yes”] [separator top=”30″ style=”” color=””] Small Medium Button Large Button xLarge Button [/two_third] [one_third last=”no”] [tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”2 Button Types” description=”Choose a super sleek Flat style button, or an eye popping 3D button.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box] [separator style_type=”” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””] [/one_third] [two_third last=”yes”] [separator top=”20″ style=”” color=””] Super Sleek Flat ButtonEye-Popping 3D Button [/two_third] [one_third last=”no”] [tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”3 Button Shapes” description=”Avada buttons come in 3 different shapes; square, round and pill.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box] [separator style_type=”” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””] [/one_third] [two_third last=”yes”] [separator top=”15″ style=”” color=””] Square ShapePill ShapeRound Shape [/two_third] [one_third last=”no”] [tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Full Border Control” description=”Avada allows you to control the border width and border color easily.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box] [separator style_type=”” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””] [/one_third] [two_third last=”yes”] [separator top=”2″ style=”” color=””] 0px Border1px Border2px Border3px Border [separator top=”5″ style=”” color=””] 4px Border5px Border6px Border7px Border [/two_third] [one_third last=”no”] [tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Button Icons” description=”Avada integrates the full font awesome icon with buttons. Choose icon location, color and use with or without a divider.” animation_type=”0″ animation_direction=”down” animation_speed=”0.1″ class=”” id=””][/tagline_box] [separator style_type=”” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””] [/one_third] [two_third last=”yes”] [separator top=”5″ style=”” color=””] Icon With DividerIcon Without Divider [separator top=”5″ style=”” color=””] Icon Position LeftIcon Position Right [/two_third] [one_third last=”no”] [tagline_box backgroundcolor=”” shadow=”no” shadowopacity=”0.1″ border=”1px” bordercolor=”” highlightposition=”top” content_alignment=”left” link=”” linktarget=”_self” button_size=”small” button_shape=”square” button_type=”flat” buttoncolor=”” button=”” title=”Button Animations” description=”Animate the buttons 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=”” top_margin=”-30″ bottom_margin=”-30″ sep_color=”” icon=”” width=”” class=”” id=””] [/one_third] [two_third last=”yes”] [separator top=”25″ style=”” color=””] BounceShakeFadeSlideFlash [/two_third] [/fullwidth] [separator style_type=”single” top_margin=”5″ bottom_margin=”0″ sep_color=”#cdcdcd” icon=”fa-chevron-down” width=”” class=”” id=””] [fullwidth menu_anchor=”” backgroundcolor=”” backgroundimage=”https://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=”15px” paddingbottom=”45px” class=”” id=””]

Combine Any Above Options For [popover title=”Unleash The Power of Avada” title_bg_color=”” content=”Any option can be combined with others to create beautiful, customized buttons for every unique situation.” content_bg_color=”” bordercolor=”” textcolor=”” trigger=”hover” placement=”top” class=”” id=””]Endless[/popover] Possibilities

[separator top=”5″ style=”” color=””]

Combine AnythingModal Click HereCombine Anything [/fullwidth] [modal name=”fusion2″ title=”Buttons Can Even Open This Awesome Modal Element” size=”large” background=”” border_color=”” show_footer=”yes” class=”” id=””]

Avada’s Humbled History

[separator style_type=”single” top_margin=”15″ bottom_margin=”10″ sep_color=”#cdcdcd” icon=”fa-heart-o” width=”820px” class=”” id=””] test_graphic[/modal]