Loading...

Scannell Productions
Buttons

[fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”px” paddingright=”px” menu_anchor=”” class=”” id=””][title size=”1″ content_align=”left” style_type=”” sep_color=”” class=”” id=””]Button Shortcode[/title][three_fourth last=”no” class=”” id=””][fusion_text]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.[/fusion_text][/three_fourth][one_fourth last=”yes” class=”” id=””] [/one_fourth][/fullwidth][separator style_type=”single” top_margin=”45″ bottom_margin=”55″ sep_color=”#cdcdcd” icon=”fa-chevron-down” width=”” class=”” id=””][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”scroll” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”25px” paddingbottom=”20px” paddingleft=”px” paddingright=”px” 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=”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=”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=”5″ bottom_margin=”5″ sep_color=”” icon=”” width=”” class=”” id=””] [separator style_type=”none” top_margin=”5″ bottom_margin=”5″ sep_color=”” icon=”” width=”” class=”” id=””] [/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=”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=”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=”30″ sep_color=”” icon=”” width=”” class=”” id=””] [/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=”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=”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=”20″ bottom_margin=”20″ sep_color=”” icon=”” width=”” class=”” id=””] [fusion_text][/fusion_text] [/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=”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=”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=”15″ bottom_margin=”15″ sep_color=”” icon=”” width=”” class=”” id=””] [fusion_text][/fusion_text] [fusion_text][/fusion_text] [/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=”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=”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=”2″ bottom_margin=”2″ sep_color=”” icon=”” width=”” class=”” id=””] [fusion_text][/fusion_text] [fusion_text][/fusion_text] [fusion_text][/fusion_text] [separator style_type=”none” top_margin=”5″ bottom_margin=”5″ sep_color=”” icon=”” width=”” class=”” id=””] [fusion_text][/fusion_text] [fusion_text][/fusion_text] [fusion_text][/fusion_text] [/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=”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=”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=”5″ bottom_margin=”5″ sep_color=”” icon=”” width=”” class=”” id=””] [fusion_text][/fusion_text] [separator style_type=”none” top_margin=”5″ bottom_margin=”5″ sep_color=”” icon=”” width=”” class=”” id=””] [fusion_text][/fusion_text] [/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=”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=”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=”25″ bottom_margin=”25″ sep_color=”” icon=”” width=”” class=”” id=””] [fusion_text][/fusion_text] [fusion_text][/fusion_text] [fusion_text][/fusion_text] [fusion_text][/fusion_text] [/two_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=”15px” paddingbottom=”45px” paddingleft=”px” paddingright=”px” menu_anchor=”” class=”” id=””][fusion_text]

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

[/fusion_text][separator style_type=”none” top_margin=”5″ bottom_margin=”5″ sep_color=”” icon=”” width=”” class=”” id=””][fusion_text]

[/fusion_text] [fusion_text][/fusion_text] [fusion_text][/fusion_text] [fusion_text]

[/fusion_text][/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]