Buttons

[vc_row][vc_column][vc_column_text]Buttons on Revolution have a lot of variations. Revolution offers ton of styling with advanced effects to drive the user’s attention to the button. Set any color, add icons, control animations and much more.[/vc_column_text][vc_empty_space height=”16px”][vc_column_text]

X-Large Buttons

[/vc_column_text][vc_row_inner thb_max_width=”” thb_column_padding=”true” el_class=”text-left”][vc_column_inner width=”1/3″][thb_button size=”x-large” color=”black” border_radius=”no-radius” link=”url:%23|title:Regular%20Button||”][/vc_column_inner][vc_column_inner width=”1/3″][thb_button size=”x-large” color=”white” border_radius=”no-radius” link=”url:%23|title:Regular%20Button||”][/vc_column_inner][vc_column_inner width=”1/3″][thb_button size=”x-large” border_radius=”no-radius” link=”url:%23|title:Regular%20Button||”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=”.vc_custom_1548060559531{padding-top: 6vh !important;}”][vc_column][vc_column_text]

Large Buttons

[/vc_column_text][vc_row_inner thb_max_width=”” thb_column_padding=”true”][vc_column_inner width=”1/3″][thb_button style=”style2″ size=”large” color=”black” border_radius=”no-radius” link=”url:%23|title:Regular%20Button||”][/vc_column_inner][vc_column_inner width=”1/3″][thb_button style=”style2″ size=”large” color=”white” border_radius=”no-radius” link=”url:%23|title:Regular%20Button||”][/vc_column_inner][vc_column_inner width=”1/3″][thb_button style=”style2″ size=”large” border_radius=”no-radius” link=”url:%23|title:Regular%20Button||”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=”.vc_custom_1548060565817{padding-top: 6vh !important;}”][vc_column][vc_column_text]

Medium Buttons

[/vc_column_text][vc_row_inner thb_max_width=”” thb_column_padding=”true”][vc_column_inner width=”1/3″][thb_button color=”black” border_radius=”no-radius” link=”url:%23|title:Regular%20Button||”][/vc_column_inner][vc_column_inner width=”1/3″][thb_button color=”white” border_radius=”no-radius” link=”url:%23|title:Regular%20Button||”][/vc_column_inner][vc_column_inner width=”1/3″][thb_button border_radius=”no-radius” link=”url:%23|title:Regular%20Button||”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=”.vc_custom_1548060572042{padding-top: 6vh !important;}”][vc_column][vc_column_text]

Small Buttons

[/vc_column_text][vc_row_inner thb_max_width=”” thb_column_padding=”true”][vc_column_inner width=”1/3″][thb_button size=”small” color=”black” border_radius=”no-radius” link=”url:%23|title:Regular%20Button||”][/vc_column_inner][vc_column_inner width=”1/3″][thb_button size=”small” color=”white” border_radius=”no-radius” link=”url:%23|title:Regular%20Button||”][/vc_column_inner][vc_column_inner width=”1/3″][thb_button size=”small” border_radius=”no-radius” link=”url:%23|title:Regular%20Button||”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=”.vc_custom_1548060578509{padding-top: 6vh !important;}”][vc_column][vc_column_text]

Pill Buttons

[/vc_column_text][vc_row_inner thb_max_width=”” thb_column_padding=”true”][vc_column_inner width=”1/3″][thb_button color=”black” border_radius=”pill-radius” link=”url:%23|title:Regular%20Button||”][/vc_column_inner][vc_column_inner width=”1/3″][thb_button color=”white” border_radius=”pill-radius” link=”url:%23|title:Regular%20Button||”][/vc_column_inner][vc_column_inner width=”1/3″][thb_button border_radius=”pill-radius” link=”url:%23|title:Regular%20Button||”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=”.vc_custom_1548060578509{padding-top: 6vh !important;}”][vc_column][vc_column_text]

Small Radius

[/vc_column_text][vc_row_inner thb_max_width=”” thb_column_padding=”true”][vc_column_inner width=”1/3″][thb_button color=”black” link=”url:%23|title:Regular%20Button||”][/vc_column_inner][vc_column_inner width=”1/3″][thb_button color=”white” link=”url:%23|title:Regular%20Button||”][/vc_column_inner][vc_column_inner width=”1/3″][thb_button link=”url:%23|title:Regular%20Button||”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=”.vc_custom_1548060578509{padding-top: 6vh !important;}”][vc_column][vc_column_text]

Block Button

[/vc_column_text][vc_row_inner thb_max_width=”” thb_column_padding=”true”][vc_column_inner thb_color=”thb-light-column” width=”1/2″][thb_button_block image=”188″ link=”url:%23|title:GENERIC||” css=”.vc_custom_1548068427669{padding-top: 5vh !important;padding-bottom: 5vh !important;}”][/vc_column_inner][vc_column_inner thb_color=”thb-light-column” width=”1/2″][thb_button_block image=”173″ link=”url:%23|title:GENERIC||” css=”.vc_custom_1548060998448{padding-top: 5vh !important;padding-bottom: 5vh !important;}”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row css=”.vc_custom_1548060578509{padding-top: 6vh !important;}”][vc_column][vc_column_text]

Text Button

[/vc_column_text][vc_row_inner thb_max_width=”” thb_column_padding=”true”][vc_column_inner width=”1/4″][thb_button_text link=”url:%23|title:Text%20Button||”][/vc_column_inner][vc_column_inner width=”1/4″][thb_button_text style=”style2″ link=”url:%23|title:Text%20Button||”][/vc_column_inner][vc_column_inner width=”1/4″][thb_button_text style=”style3″ link=”url:%23|title:Text%20Button||”][/vc_column_inner][vc_column_inner width=”1/4″][thb_button_text style=”style4″ link=”url:%23|title:Text%20Button||”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

Back to top button
Close