Buttons
[fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”yes” bordersize=”0px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”30px” paddingbottom=”40px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””][fusion_text]
Button Shortcode
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][/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”scroll” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_third last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”square” target=”_blank” title=”” gradient_colors=”#74b8dc|” gradient_hover_colors=”#69aed2|” accent_color=”rgba(000,000,000,.35)” accent_hover_color=”rgba(000,000,000,.45)” bevel_color=”” border_width=”3px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ alignment=”center” class=”” id=””]Combine Anything[/button][/one_third][one_third last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”3d” shape=”pill” target=”_blank” title=”” gradient_colors=”#a0ce4e|” gradient_hover_colors=”#96c346|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”0px” shadow=”no” icon=”fa-trophy” icon_position=”left” icon_divider=”no” modal=”fusion2″ animation_type=”0″ animation_direction=”up” animation_speed=”1″ alignment=”center” class=”” id=””]Modal Click Here[/button][/one_third][one_third last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”square” target=”_blank” title=”” gradient_colors=”#d8a43c|#bc8f34″ gradient_hover_colors=”#bc8f34|#d8a43c” accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.8)” 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=””]Combine Anything[/button][/one_third][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”yes” bordersize=”0px” bordercolor=”#eaeaea” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””][fusion_text]
Unlimited Colors
Control all colors such as backgrounds, hover backgrounds, accents (border, text, icon, divider), hover accents & 3D bevel.
[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#9db668|” gradient_hover_colors=”#8ca558|” accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.8)” 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=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”transparent|” gradient_hover_colors=”|” accent_color=”rgba(000,000,000,.7)” accent_hover_color=”” 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=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”transparent|” gradient_hover_colors=”#f8f8f8|” accent_color=”#868686″ accent_hover_color=”#747474″ bevel_color=”” border_width=”1px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ alignment=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”transparent|” gradient_hover_colors=”#f8f8f8|” accent_color=”#868686″ accent_hover_color=”#747474″ bevel_color=”” border_width=”1px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ alignment=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#6eb9b4|” gradient_hover_colors=”#64aea9|” accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.8)” 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=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#d8a43c|” gradient_hover_colors=”#cd9a32|” accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.8)” 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=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#67b7e1|” gradient_hover_colors=”#5da7ce|” accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.8)” 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=”left” class=”” id=””]Color[/button][separator style_type=”none” top_margin=”5″ bottom_margin=”5″ sep_color=”” icon=”” width=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#6b898b|” gradient_hover_colors=”#607f81|” accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.8)” 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=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#c34e30|” gradient_hover_colors=”#bc4526|” accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.8)” 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=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#1a80b6|” gradient_hover_colors=”#1576a9|” accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.8)” 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=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#735d7f|” gradient_hover_colors=”#665072|” accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.8)” 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=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#666262|” gradient_hover_colors=”#5d5757|” accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.8)” 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=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#b8d37f|#9db668″ gradient_hover_colors=”#9db668|#b8d37f” accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.8)” 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=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#cac7c7|” gradient_hover_colors=”#c0bdbd|” accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.8)” 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=”left” class=”” id=””]Color[/button][separator style_type=”none” top_margin=”5″ bottom_margin=”5″ sep_color=”” icon=”” width=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”transparent|” gradient_hover_colors=”#f8f8f8|” accent_color=”#9db668″ accent_hover_color=”#8ca558″ bevel_color=”” border_width=”1px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ alignment=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#aa3c3f|” gradient_hover_colors=”#a73437|” accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.8)” 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=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#cb689b|” gradient_hover_colors=”#c06091|” accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.8)” 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=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#7b5b9a|” gradient_hover_colors=”#735391|” accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.8)” 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=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#a3d151|#87b13b” gradient_hover_colors=”#87b13b|#a3d151″ accent_color=”rgba(255,255,255,.7)” accent_hover_color=”rgba(255,255,255,.8)” 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=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”transparent|” gradient_hover_colors=”transparent|” accent_color=”#6293c0″ accent_hover_color=”#588bbb” bevel_color=”” border_width=”1px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”up” animation_speed=”1″ alignment=”left” class=”” id=””]Color[/button][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”#ececec|#dadada” gradient_hover_colors=”#dadada|#ececec” accent_color=”rgba(000,000,000,.4)” accent_hover_color=”rgba(000,000,000,.5)” 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=”left” class=”” id=””]Color[/button][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””][fusion_text]
4 Button Sizes
Avada buttons come in 4 different sizes so you always have the perfect size button for each situation. Choose small, medium, large or xlarge.
[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_fourth last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”small” type=”” shape=”” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”” class=”” id=””]Small Button[/button][/one_fourth][one_fourth last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”medium” type=”” shape=”” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”” class=”” id=””]Medium Button[/button][/one_fourth][one_fourth last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”large” type=”” shape=”” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”” class=”” id=””]Large Button[/button][/one_fourth][one_fourth last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”” shape=”” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”” class=”” id=””]XLarge Button[/button][/one_fourth][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””][fusion_text]
2 Button Types
Choose a super sleek Flat style button, or an eye popping 3D button.
[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_half last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”” shape=”” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”center” class=”” id=””]Super Sleek Flat Button[/button][/one_half][one_half last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”3d” shape=”” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”0px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”center” class=”” id=””]Eye-Popping 3D Button[/button][/one_half][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””][fusion_text]
3 Button Shapes
Avada buttons come in 3 different shapes; square, round and pill.
[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_third last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”” shape=”square” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”center” class=”” id=””]Square Shape[/button][/one_third][one_third last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”” shape=”pill” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”center” class=”” id=””]Pill Shape[/button][/one_third][one_third last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”” shape=”round” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”center” class=”” id=””]Round Shape[/button][/one_third][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””][fusion_text]
Full Border Control
Avada allows you to control the border width and border color easily.
[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_fourth last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”square” target=”_self” title=”” gradient_colors=”#ffffff|#ffffff” gradient_hover_colors=”#efefef|#efefef” accent_color=”#8fc935″ accent_hover_color=”#8fc935″ bevel_color=”” border_width=”0px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”center” class=”” id=””]0PX Border[/button][/one_fourth][one_fourth last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”square” target=”_self” title=”” gradient_colors=”#ffffff|#ffffff” gradient_hover_colors=”#efefef|#efefef” accent_color=”#8fc935″ accent_hover_color=”#8fc935″ bevel_color=”” border_width=”1px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”center” class=”” id=””]1PX Border[/button][/one_fourth][one_fourth last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”square” target=”_self” title=”” gradient_colors=”#ffffff|#ffffff” gradient_hover_colors=”#efefef|#efefef” accent_color=”#8fc935″ accent_hover_color=”#8fc935″ bevel_color=”” border_width=”2px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”center” class=”” id=””]2px Border[/button][/one_fourth][one_fourth last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”square” target=”_self” title=”” gradient_colors=”#ffffff|#ffffff” gradient_hover_colors=”#efefef|#efefef” accent_color=”#8fc935″ accent_hover_color=”#8fc935″ bevel_color=”” border_width=”3px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”center” class=”” id=””]3px Border[/button][/one_fourth][one_fourth last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”square” target=”_self” title=”” gradient_colors=”#ffffff|#ffffff” gradient_hover_colors=”#efefef|#efefef” accent_color=”#8fc935″ accent_hover_color=”#8fc935″ bevel_color=”” border_width=”4px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”center” class=”” id=””]4px Border[/button][/one_fourth][one_fourth last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”square” target=”_self” title=”” gradient_colors=”#ffffff|#ffffff” gradient_hover_colors=”#efefef|#efefef” accent_color=”#8fc935″ accent_hover_color=”#8fc935″ bevel_color=”” border_width=”5px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”center” class=”” id=””]5px Border[/button][/one_fourth][one_fourth last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”square” target=”_self” title=”” gradient_colors=”#ffffff|#ffffff” gradient_hover_colors=”#efefef|#efefef” accent_color=”#8fc935″ accent_hover_color=”#8fc935″ bevel_color=”” border_width=”6px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”center” class=”” id=””]6px Border[/button][/one_fourth][one_fourth last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”square” target=”_self” title=”” gradient_colors=”#ffffff|#ffffff” gradient_hover_colors=”#efefef|#efefef” accent_color=”#8fc935″ accent_hover_color=”#8fc935″ bevel_color=”” border_width=”7px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”center” class=”” id=””]7px Border[/button][/one_fourth][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””][fusion_text]
Button Icons
Avada integrates the full font awesome icon with buttons. Choose icon location, color and use with or without a divider.
[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_half last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”” shape=”” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”fa-star” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”center” class=”” id=””]Icon Position Left[/button][/one_half][one_half last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”” shape=”” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”fa-star” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”center” class=”” id=””]Icon With Divider[/button][/one_half][one_half last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”” shape=”” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”fa-star” icon_position=”left” icon_divider=”no” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”center” class=”” id=””]Icon Without Divider[/button][/one_half][one_half last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”flat” shape=”” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”0px” shadow=”” icon=”fa-star” icon_position=”right” icon_divider=”yes” modal=”” animation_type=”0″ animation_direction=”left” animation_speed=”1″ alignment=”center” class=”” id=””]Icon Position Right[/button][/one_half][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””][fusion_text]
Button Animations
Animate the buttons with smotth CSS3 animations. 5 animations types, 4 directions, speed control
[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”60px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_fifth last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”” shape=”” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”bounce” animation_direction=”down” animation_speed=”0.5″ alignment=”center” class=”” id=””]Bounce[/button][/one_fifth][one_fifth last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”” shape=”” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”shake” animation_direction=”left” animation_speed=”0.5″ alignment=”center” class=”” id=””]Shake[/button][/one_fifth][one_fifth last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”” shape=”” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”fade” animation_direction=”right” animation_speed=”0.5″ alignment=”center” class=”” id=””]Fade[/button][/one_fifth][one_fifth last=”no” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”” shape=”” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”slide” animation_direction=”right” animation_speed=”0.5″ alignment=”center” class=”” id=””]Slide[/button][/one_fifth][one_fifth last=”yes” spacing=”yes” background_color=”” background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”” padding=”” class=”” id=””][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”default” size=”xlarge” type=”” shape=”” target=”_self” title=”” gradient_colors=”|” gradient_hover_colors=”|” accent_color=”” accent_hover_color=”” bevel_color=”” border_width=”1px” shadow=”” icon=”” icon_position=”left” icon_divider=”no” modal=”” animation_type=”flash” animation_direction=”up” animation_speed=”0.5″ alignment=”center” class=”” id=””]Flash[/button][/one_fifth][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”0px” paddingbottom=”0px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][one_full last=”yes” spacing=”yes” background_color=”#f6f6f6″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”0px” border_color=”” border_style=”solid” padding=”40px” class=”” id=””][fusion_text]
Complete Set of Options
Every option and description included with the button shortcode is listed below.
[/fusion_text][/one_full][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”30px” paddingbottom=”80px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” equal_height_columns=”yes” hundred_percent=”no” class=”” id=””][one_half last=”no” spacing=”yes” background_color=”#f8f8f8″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”1px” border_color=”#eaeaea” border_style=”solid” padding=”30px” class=”” id=””][checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” circlecolor=”” size=”small” class=”” id=””][li_item icon=””]link – The link you want the button to direct to, including http://. For example, http://www.example.com/.[/li_item][li_item icon=””]color – Can be one of these values: default, custom, green, darkgreen, orange, blue, red, pink, darkgray, or lightgray. Choose custom for advanced options. Select default for Theme Option values. Sets the button’s color.[/li_item][li_item icon=””]size – Can be one of these values: default, small, medium, large, or xlarge. This sets the button’s size. Choose Default for Theme Option selection. Sets the button’s size.[/li_item][li_item icon=””]type – Can be one of these values: default, flat, or 3d. Sets the button’s type. Choose default for Theme Option selection.[/li_item][li_item icon=””]shape – Can be one of these values: default, square, pill, or round. Sets the button’s shape. Choose default for Theme Option selection.[/li_item][li_item icon=””]target – Can be one of these values: _blank for new window, or _self for same window.[/li_item][li_item icon=””]title – Set a title attribute for the link the button directs to. For example, Home.[/li_item][li_item icon=””]gradient_colors – Custom setting only. Accepts a hexcode ( #000000 ) or RGBA values ( rgba(0,0,0,0) ). Sets the top and bottom colors of the background gradient.[/li_item][li_item icon=””]gradient_hover_colors – Custom setting only. Accepts a hexcode ( #000000 ) or RGBA values ( rgba(0,0,0,0) ). Sets the top and bottom hover colors of the background gradient.[/li_item][li_item icon=””]accent_color – Custom setting only. Accepts a hexcode ( #000000 ) or RGBA values ( rgba(0,0,0,0) ). Sets the color of the button border, divider, text and icon.[/li_item][li_item icon=””]acccent_hover_color – Custom setting only. Accepts a hexcode ( #000000 ) or RGBA values ( rgba(0,0,0,0) ). Sets the hover color of the button border, divider, text and icon.[/li_item][li_item icon=””]bevel_color – Custom setting only. Accepts a hexcode ( #000000 ). Sets the bevel color of 3D buttons.[/li_item][/checklist][/one_half][one_half last=”yes” spacing=”yes” background_color=”#f8f8f8″ background_image=”” background_repeat=”no-repeat” background_position=”left top” border_size=”1px” border_color=”#eaeaea” border_style=”solid” padding=”30px” class=”” id=””][checklist icon=”fa-check” iconcolor=”#333333″ circle=”no” circlecolor=”” size=”small” class=”” id=””][li_item icon=””]border_width – Custom setting only. Accepts pixel values, for example, 1px.[/li_item][li_item icon=””]shadow – Can be one of these values: default, yes, or no. This will enable or disable shadows. Choose default for Theme Option selection.[/li_item][li_item icon=””]icon – A font awesome icon value. For example, fa-glass.[/li_item][li_item icon=””]icon_divider – Can be one of these values: yes, or no. This will show or hide a divider between icon and text.[/li_item][li_item icon=””]icon_position – Can be one of these values: left, or right. Sets the position of the icon on the button.[/li_item][li_item icon=””]modal – The unique name of the Modal Shortcode you already created that allows the button to trigger the modal.[/li_item][li_item icon=””]animation_type – Can be one of these values: none, bounce, fade, flash, shake, or slide. Sets the animation to use on the shortcode.[/li_item][li_item icon=””]animation_direction – Can be one of these values: down, right, left, or up. Sets the incoming direction for the animation.[/li_item][li_item icon=””]animation_speed – Accepts a numerical value from .1, which is the slowest, to 1, which is the fastest.[/li_item][li_item icon=””]alignment – Can be one of these values: left, center, or right. Sets the button’s alignment.[/li_item][li_item icon=””]class – Add a custom class to the wrapping HTML element for further css customization.[/li_item][li_item icon=””]id – Add a custom id to the wrapping HTML element for further css customization.[/li_item][/checklist][/one_half][/fullwidth][fullwidth backgroundcolor=”” backgroundimage=”http://nonrevwebsite.com/blog/wp-content/uploads/2014/11/home_slider.jpg” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”fixed” video_webm=”” video_mp4=”” video_ogv=”” video_preview_image=”” overlay_color=”” overlay_opacity=”0.5″ video_mute=”yes” video_loop=”yes” fade=”no” bordersize=”1px” bordercolor=”” borderstyle=”solid” paddingtop=”35px” paddingbottom=”75px” paddingleft=”40px” paddingright=”40px” menu_anchor=”” equal_height_columns=”no” hundred_percent=”no” class=”” id=””][fusion_text]
Join The 100,000+ Satisfied Avada Users!
[/fusion_text][button link=”http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion” color=”custom” size=”xlarge” type=”flat” shape=”round” target=”_blank” title=”” gradient_colors=”rgba(255,255,255,.1)|” gradient_hover_colors=”rgba(255, 255, 255, 0.25)|” accent_color=”rgba(255,255,255,.8)” accent_hover_color=”#ffffff” bevel_color=”” border_width=”2px” shadow=”no” icon=”” icon_position=”left” icon_divider=”yes” modal=”” animation_type=”fade” animation_direction=”up” animation_speed=”1″ alignment=”center” class=”” id=””] BUY AVADA NOW![/button][/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=””]
[/modal]