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]