Fortuna features a vast array of button customization options. You can customize your button color, shape, style, size; add icons to it, animate the icons in and out; add custom classes and apply custom animations to your icons. Check the examples below to experience the variety of colors, forms, sizes and shapes that are available to you with just the click of a button via the Visual composer shortcode modal window interface.
[boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_dotted” margin_top=”50px” margin_bottom=”40px”]Button Styles[/boc_heading][boc_button btn_content=”Normal” target=”_self” size=”btn_medium” color=”btn_theme_color” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_normal_style” icon_pos=”icon_pos_before” icon_effect=”none”][boc_button btn_content=”Normal” target=”_self” size=”btn_medium” color=”btn_orange” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_normal_style” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out” icon=”icon icon-paperplane”][boc_button btn_content=”Normal” target=”_self” size=”btn_medium” color=”btn_magenta” border_radius=”btn_circled” icon_after=”icon-mail” btn_style=”btn_normal_style” icon_pos=”icon_pos_before” icon_effect=”none” icon=”icon icon-heart4″][boc_button btn_content=”Normal” target=”_self” size=”btn_medium” color=”btn_white” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_normal_style” icon_pos=”icon_pos_before” icon_effect=”btn_icon_anim_in” icon=”icon icon-trophy3″][boc_spacing height=”20px”][boc_button btn_content=”Gradient” target=”_self” size=”btn_medium” color=”btn_turquoise” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_gradient” icon_pos=”icon_pos_before” icon_effect=”none” icon=”icon icon-flag3″][boc_button btn_content=”Gradient” target=”_self” size=”btn_medium” color=”btn_limegreen” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_gradient” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out” icon=”icon icon-user-add”][boc_button btn_content=”Gradient” target=”_self” size=”btn_medium” color=”btn_purple” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_gradient” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out”][boc_button btn_content=”Gradient” target=”_self” size=”btn_medium” color=”btn_pink” border_radius=”btn_circled” icon_after=”icon-star” btn_style=”btn_gradient” icon_pos=”icon_pos_after” icon_effect=”none” icon=”icon icon-heart2″][boc_spacing height=”20px”][boc_button btn_content=”Outlined” target=”_self” size=”btn_medium” color=”btn_theme_color” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_outline” icon_pos=”icon_pos_before” icon_effect=”btn_icon_anim_in” icon=”icon icon-star3″][boc_button btn_content=”Outlined” target=”_self” size=”btn_medium” color=”btn_dark” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_outline” icon_pos=”icon_pos_after” icon_effect=”none” icon=”icon icon-heart3″][boc_button btn_content=”Outlined” target=”_self” size=”btn_medium” color=”btn_orange” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_outline” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out” icon=”icon icon-bulb”][boc_button btn_content=”Outlined” target=”_self” size=”btn_medium” color=”btn_magenta” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_outline” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out”][boc_spacing height=”20px”][boc_button btn_content=”3D Style” target=”_self” size=”btn_medium” color=”btn_theme_color” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_3d” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out” icon=”icon icon-check2″][boc_button btn_content=”3D Style” target=”_self” size=”btn_medium” color=”btn_magenta” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_3d” icon_pos=”icon_pos_after” icon_effect=”none” css_classes=”side_bounce_icon” icon=”icon icon-arrow-right6″][boc_button btn_content=”3D Style” target=”_self” size=”btn_medium” color=”btn_green” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_3d” icon_pos=”icon_pos_before” icon_effect=”btn_icon_anim_in” icon=”icon icon-location2″][boc_button btn_content=”3D Style” target=”_self” size=”btn_medium” color=”btn_orange” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_3d” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out”]
[boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_dotted” margin_top=”50px” margin_bottom=”40px”]Button Sizes[/boc_heading][boc_button btn_content=”Small” target=”_self” size=”btn_small” color=”btn_theme_color” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_normal_style” icon_pos=”icon_pos_before” icon_effect=”none”][boc_button btn_content=”Small” target=”_self” size=”btn_small” color=”btn_orange” border_radius=”btn_squared” icon_after=”icon-mail” btn_style=”btn_normal_style” icon_pos=”icon_pos_before” icon_effect=”btn_icon_anim_out” icon=”icon icon-heart3″][boc_button btn_content=”Small” target=”_self” size=”btn_small” color=”btn_royalblue” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_outline” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_in” icon=”icon icon-login”][boc_button btn_content=”Small” target=”_self” size=”btn_small” color=”btn_magenta” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_normal_style” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out” icon=”icon icon-rocket3″][boc_spacing height=”20px”][boc_button btn_content=”Medium” target=”_self” size=”btn_medium” color=”btn_red” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_gradient” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out”][boc_button btn_content=”Medium” target=”_self” size=”btn_medium” color=”btn_green” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_gradient” icon_pos=”icon_pos_after” icon_effect=”none” icon=”icon icon-rocket3″][boc_button btn_content=”Medium” target=”_self” size=”btn_medium” color=”btn_yellow” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_gradient” icon_pos=”icon_pos_before” icon_effect=”btn_icon_anim_out” icon=”icon icon-star3″][boc_button btn_content=”Medium” target=”_self” size=”btn_medium” color=”btn_brown” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_gradient” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out”][boc_spacing height=”20px”][boc_button btn_content=”Large” target=”_self” size=”btn_large” color=”btn_green” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_outline” icon_pos=”icon_pos_before” icon_effect=”none” icon=”icon icon-thumbsup”][boc_button btn_content=”Large” target=”_self” size=”btn_large” color=”btn_royalblue” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_normal_style” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out”][boc_button btn_content=”Large” target=”_self” size=”btn_large” color=”btn_theme_color” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_normal_style” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out” icon=”icon icon-forward2″ css_classes=”side_bounce_icon”][boc_button btn_content=”Large” target=”_self” size=”btn_large” color=”btn_pink” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_3d” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_in” icon=”icon icon-heart4″][boc_spacing height=”20px”][boc_button btn_content=”XLarge” target=”_self” size=”btn_huge” color=”btn_dark” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_outline” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out” icon=”icon icon-paperplane”][boc_button btn_content=”XLarge” target=”_self” size=”btn_huge” color=”btn_red” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_normal_style” icon_pos=”icon_pos_before” icon_effect=”btn_icon_anim_out” icon=”icon icon-diamond2″][boc_button btn_content=”XLarge” target=”_self” size=”btn_huge” color=”btn_theme_color” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_3d” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out”][boc_button btn_content=”XLarge” target=”_self” size=”btn_huge” color=”btn_bondi” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_normal_style” icon_pos=”icon_pos_after” icon_effect=”none” icon=”icon icon-bubble”]
[boc_heading html_element=”h4″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_dotted” margin_top=”30px” margin_bottom=”40px”]Button Stretched Sizes[/boc_heading][boc_button btn_content=”Small” target=”_self” size=”btn_small_stretched” color=”btn_theme_color” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_normal_style” icon_pos=”icon_pos_before” icon_effect=”none”][boc_button btn_content=”Small” target=”_self” size=”btn_small_stretched” color=”btn_orange” border_radius=”btn_squared” icon_after=”icon-mail” btn_style=”btn_normal_style” icon_pos=”icon_pos_before” icon_effect=”btn_icon_anim_out” icon=”icon icon-heart3″][boc_button btn_content=”Small” target=”_self” size=”btn_small_stretched” color=”btn_royalblue” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_outline” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_in” icon=”icon icon-check2″][boc_button btn_content=”Small” target=”_self” size=”btn_small_stretched” color=”btn_magenta” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_normal_style” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out” icon=”icon icon-rocket3″][boc_spacing height=”20px”][boc_button btn_content=”Medium” target=”_self” size=”btn_medium_stretched” color=”btn_red” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_gradient” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out”][boc_button btn_content=”Medium” target=”_self” size=”btn_medium_stretched” color=”btn_green” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_gradient” icon_pos=”icon_pos_after” icon_effect=”none” icon=”icon icon-rocket3″][boc_button btn_content=”Medium” target=”_self” size=”btn_medium_stretched” color=”btn_yellow” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_gradient” icon_pos=”icon_pos_before” icon_effect=”btn_icon_anim_out” icon=”icon icon-star3″][boc_button btn_content=”Medium” target=”_self” size=”btn_medium_stretched” color=”btn_brown” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_gradient” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out”][boc_spacing height=”20px”][boc_button btn_content=”Large” target=”_self” size=”btn_large_stretched” color=”btn_green” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_outline” icon_pos=”icon_pos_before” icon_effect=”none” icon=”icon icon-thumbsup”][boc_button btn_content=”Large” target=”_self” size=”btn_large_stretched” color=”btn_royalblue” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_normal_style” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out”][boc_button btn_content=”Large” target=”_self” size=”btn_large_stretched” color=”btn_theme_color” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_normal_style” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out” icon=”icon icon-forward2″ css_classes=”side_bounce_icon”][boc_button btn_content=”Large” target=”_self” size=”btn_large_stretched” color=”btn_pink” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_3d” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_in” icon=”icon icon-heart4″][boc_spacing height=”20px”][boc_button btn_content=”XLarge” target=”_self” size=”btn_huge_stretched” color=”btn_dark” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_outline” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out” icon=”icon icon-paperplane”][boc_button btn_content=”XLarge” target=”_self” size=”btn_huge_stretched” color=”btn_red” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_normal_style” icon_pos=”icon_pos_before” icon_effect=”btn_icon_anim_out” icon=”icon icon-diamond2″][boc_button btn_content=”XLarge” target=”_self” size=”btn_huge_stretched” color=”btn_theme_color” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_3d” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out”][boc_button btn_content=”XLarge” target=”_self” size=”btn_huge_stretched” color=”btn_bondi” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_normal_style” icon_pos=”icon_pos_after” icon_effect=”none” icon=”icon icon-bubble”]
[boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_dotted” margin_top=”50px” margin_bottom=”40px”]Iconed Buttons[/boc_heading][boc_button btn_content=”Before” target=”_self” size=”btn_small” color=”btn_theme_color” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_normal_style” icon_pos=”icon_pos_before” icon_effect=”none” icon=”icon icon-leaf2″][boc_button btn_content=”Before In” target=”_self” size=”btn_medium” color=”btn_pink” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_gradient” icon_pos=”icon_pos_before” icon_effect=”btn_icon_anim_in” icon=”icon icon-heart3″][boc_button btn_content=”Before Out” target=”_self” size=”btn_medium” color=”btn_royalblue” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_outline” icon_pos=”icon_pos_before” icon_effect=”btn_icon_anim_out” icon=”icon icon-thumbsup”][boc_button btn_content=”After” target=”_self” size=”btn_medium” color=”btn_dark” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_outline” icon_pos=”icon_pos_after” icon_effect=”none” icon=”icon icon-paperplane”][boc_button btn_content=”After In” target=”_self” size=”btn_medium” color=”btn_yellow” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_normal_style” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_in” icon=”icon icon-leaf2″][boc_button btn_content=”After Out” target=”_self” size=”btn_medium” color=”btn_orange” border_radius=”btn_rounded” icon_after=”icon-star” btn_style=”btn_gradient” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out” icon=”icon icon-heart3″]
[boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_dotted” margin_top=”50px” margin_bottom=”40px”]Button Shapes[/boc_heading][boc_button btn_content=”Rounded” target=”_self” size=”btn_medium” color=”btn_theme_color” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_normal_style” icon_pos=”icon_pos_before” icon_effect=”none”][boc_button btn_content=”Rounded” target=”_self” size=”btn_medium” color=”btn_magenta” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_3d” icon_pos=”icon_pos_before” icon_effect=”none”][boc_button btn_content=”Rounded” target=”_self” size=”btn_medium” color=”btn_dark” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_outline” icon_pos=”icon_pos_before” icon_effect=”none” icon=”icon icon-star3″][boc_button btn_content=”Rounded” target=”_self” size=”btn_medium” color=”btn_yellow” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_3d” icon_pos=”icon_pos_after” icon_effect=”none” icon=”icon icon-music4″][boc_spacing height=”20px”][boc_button btn_content=”Squared” target=”_self” size=”btn_medium” color=”btn_green” border_radius=”btn_squared” icon_after=”icon-star” btn_style=”btn_3d” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out” icon=”icon icon-envelope-o”][boc_button btn_content=”Squared” target=”_self” size=”btn_medium” color=”btn_orange” border_radius=”btn_squared” icon_after=”icon-star” btn_style=”btn_normal_style” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out”][boc_button btn_content=”Squared” target=”_self” size=”btn_medium” color=”btn_magenta” border_radius=”btn_squared” icon_after=”icon-star” btn_style=”btn_outline” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out” icon=”icon icon-flag2″][boc_button btn_content=”Squared” target=”_self” size=”btn_medium” color=”btn_turquoise” border_radius=”btn_squared” icon_after=”icon-star” btn_style=”btn_normal_style” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out”][boc_spacing height=”20px”][boc_button btn_content=”Oval Btn” target=”_self” size=”btn_medium” color=”btn_dark” border_radius=”btn_circled” icon_after=”icon-star” btn_style=”btn_outline” icon_pos=”icon_pos_after” icon_effect=”none” icon=”icon icon-signal3″][boc_button btn_content=”Oval Btn” target=”_self” size=”btn_medium” color=”btn_purple” border_radius=”btn_circled” icon_after=”icon-star” btn_style=”btn_normal_style” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out” icon=”icon icon-flag3″][boc_button btn_content=”Oval Btn” target=”_self” size=”btn_medium” color=”btn_theme_color” border_radius=”btn_circled” icon_after=”icon-star” btn_style=”btn_normal_style” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out”][boc_button btn_content=”Oval Btn” target=”_self” size=”btn_medium” color=”btn_red” border_radius=”btn_circled” icon_after=”icon-star” btn_style=”btn_3d” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out”]
[boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_dotted” margin_top=”50px” margin_bottom=”40px”]Animate Buttons in[/boc_heading][boc_button btn_content=”Rounded” target=”_self” size=”btn_medium” color=”btn_theme_color” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_normal_style” icon_pos=”icon_pos_before” icon_effect=”none” css_animation=”top-to-bottom”][boc_spacing height=”20px”][boc_button btn_content=”Rounded” target=”_self” size=”btn_medium” color=”btn_magenta” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_3d” icon_pos=”icon_pos_before” icon_effect=”none” css_animation=”bottom-to-top”][boc_spacing height=”20px”][boc_button btn_content=”Rounded” target=”_self” size=”btn_medium” color=”btn_dark” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_outline” icon_pos=”icon_pos_before” icon_effect=”btn_icon_anim_out” icon=”icon icon-star3″ css_animation=”bottom-to-top”][boc_spacing height=”20px”][boc_button btn_content=”Rounded” target=”_self” size=”btn_medium” color=”btn_yellow” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_3d” icon_pos=”icon_pos_after” icon_effect=”none” icon=”icon icon-music4″ css_animation=”right-to-left”]
[boc_heading html_element=”h3″ alignment=”left” color=”#333333″ subheading=”” background=”bgr_dotted” margin_top=”50px” margin_bottom=”40px”]Full Width Buttons[/boc_heading][boc_button btn_content=”Full Width Button” target=”_self” size=”btn_large” color=”btn_theme_color” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_normal_style” icon_pos=”icon_pos_before” icon_effect=”none” css_classes=”btn_full_width”][boc_spacing height=”20px”][boc_button btn_content=”Full Width Button” target=”_self” size=”btn_large” color=”btn_magenta” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_3d” icon_pos=”icon_pos_before” icon_effect=”none” css_classes=”btn_full_width”][boc_spacing height=”20px”][boc_button btn_content=”Full Width Button” target=”_self” size=”btn_huge” color=”btn_royalblue” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_normal_style” icon_pos=”icon_pos_before” icon_effect=”btn_icon_anim_out” icon=”icon icon-star3″ css_classes=”btn_full_width”][boc_spacing height=”20px”][boc_button btn_content=”Full Width Button” target=”_self” size=”btn_huge_stretched” color=”btn_dark” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_outline” icon_pos=”icon_pos_after” icon_effect=”btn_icon_anim_out” icon=”icon icon-star3″ css_classes=”btn_full_width”][boc_spacing height=”20px”][boc_button btn_content=”Full Width Button” target=”_self” size=”btn_huge” color=”btn_yellow” border_radius=”btn_rounded” icon_after=”icon-mail” btn_style=”btn_normal_style” icon_pos=”icon_pos_after” icon_effect=”none” icon=”icon icon-music4″ css_classes=”btn_full_width”]
发表评论