Button Shapes


Button Styles


Button Sizes


Button with Icons


Button Colors


Dual Buttons

[ult_dualbutton btn_border_style=”solid” btn_color_border=”#1bb0ce” btn_border_size=”1″ el_class=”middle-textbt00″ button1_text=”Loremipsum” icon_link=”url:%23|||” btn1_bghovercolor=”#1bb0ce” button2_text=”Dolorsitam” btn_icon_link=”url:%23|||” btn2_bghovercolor=”#1bb0ce” divider_border_style=”solid” divider_color_border=”#eeee22″ btn_border_radius=”10″ btn_width=”160″]
[ult_dualbutton btn_hover_style=”Style 2″ btn_border_style=”solid” btn_color_border=”#e5e5e5″ btn_border_size=”1″ button1_text=”YES!” icon_link=”url:%23|||” btn1_bghovercolor=”#1fce6f” icon=”Defaults-smile-o” icon_size=”30″ icon_color=”#ffffff” icon_hover_color=”#ffffff” button2_text=”NO!” btn_icon_link=”url:%23|||” btn2_bghovercolor=”#e74c3c” btn_icon=”Defaults-frown-o” btn_icon_size=”30″ btn_icon_color=”#ffffff” btn_iconhover_color=”#ffffff” divider_text=”OR” divider_text_color=”#000000″ divider_bg_color=”#e5e5e5″ btn_border_radius=”50″ btn_width=”160″ btn1_heading_style=”font-weight:bold;” btn2_heading_style=”font-weight:bold;”]
[ult_dualbutton btn_border_style=”solid” btn_color_border=”#fccc00″ btn_border_size=”1″ el_class=”middle-textbt00″ button1_text=”Loremipsum” icon_link=”url:%23|||” btn1_bghovercolor=”#fccc00″ button2_text=”Dolorsitam” btn_icon_link=”url:%23|||” btn2_bghovercolor=”#fccc00″ divider_border_style=”solid” divider_color_border=”#eeee22″ btn_border_radius=”10″ btn_width=”160″]

Highlight Box

[ultimate_ctation ctaction_background=”#19a7c7″ ctaction_background_hover=”#1899bc” enable_icon=”enable_icon_value” effect=”left-push” icon=”phlox-pro-icons-set auxicon-like-1″ icon_size=”32″ ctaction_link=”url:%23|||”]Highlight
Box[/ultimate_ctation]
[ultimate_ctation ctaction_background=”#45b164″ ctaction_background_hover=”#289644″ enable_icon=”enable_icon_value” effect=”top-push” icon=”phlox-pro-icons-set auxicon-bulb” icon_size=”32″ ctaction_link=”url:%23|||”]Highlight
Box[/ultimate_ctation]
[ultimate_ctation ctaction_background=”#e44234″ ctaction_background_hover=”#d11010″ enable_icon=”enable_icon_value” icon=”phlox-icons-set auxicon-bubble-4″ icon_size=”32″ ctaction_link=”url:%23|||”]Highlight
Box[/ultimate_ctation]
[ultimate_ctation ctaction_background=”#f1b41a” ctaction_background_hover=”#f49f00″ ctaction_link=”url:%23|||”]Highlight Box[/ultimate_ctation]
[ultimate_ctation ctaction_background=”#ef5b2c” ctaction_background_hover=”#ef3700″ ctaction_link=”url:%23|||”]Highlight Box[/ultimate_ctation]
[ultimate_ctation ctaction_background=”#c422d6″ ctaction_background_hover=”#b700d3″ enable_icon=”enable_icon_value” effect=”bottom-push” icon=”phlox-pro-icons-set auxicon-heart-5″ icon_size=”32″ ctaction_link=”url:%23|||”]Highlight
Box[/ultimate_ctation]
[ultimate_ctation ctaction_background=”#d1d1d1″ ctaction_background_hover=”#bababa” ctaction_override=”ex-full” ctaction_link=”url:%23|||”]Highlight Box[/ultimate_ctation]