[vc_row columns_gap=”none” padding_top_multiplier=”6x” padding_bottom_multiplier=”5x”][vc_column width=”1/3″ tablet_sm_width=”hide” mobile_width=”hide”][/vc_column][vc_column width=”1/3″ tablet_sm_width=”1″ css=”.vc_custom_1468302799120{margin-bottom: 0px !important;}”][movedo_title heading_tag=”h2″ align=”center”]Button Colors[/movedo_title][vc_column_text]
With button element you can easily add a colored button
to your page.
[/vc_column_text][/vc_column][vc_column width=”1/3″ tablet_sm_width=”hide” mobile_width=”hide”][/vc_column][vc_column][movedo_empty_space][/vc_column][vc_column width=”1/4″ tablet_sm_width=”1-3″][movedo_empty_space][movedo_button align=”center” animation=”grve-fade-in-up” button_text=”Learn More About” button_shape=”round” button_link=”url:%23|||”][movedo_empty_space][/vc_column][vc_column width=”1/4″ tablet_sm_width=”1-3″][movedo_empty_space][movedo_button align=”center” animation=”grve-fade-in-up” animation_delay=”400″ button_text=”Learn More About” button_color=”primary-2″ button_hover_color=”primary-3″ button_shape=”round” button_link=”url:%23|||”][movedo_empty_space][/vc_column][vc_column width=”1/4″ tablet_sm_width=”1-3″][movedo_empty_space][movedo_button align=”center” animation=”grve-fade-in-up” animation_delay=”600″ button_text=”Learn More About” button_color=”primary-3″ button_shape=”round” button_link=”url:%23|||”][movedo_empty_space][/vc_column][vc_column width=”1/4″ tablet_sm_width=”1-3″][movedo_empty_space][movedo_button align=”center” animation=”grve-fade-in-up” animation_delay=”800″ button_text=”Learn More About” button_color=”primary-4″ button_shape=”round” button_link=”url:%23|||”][movedo_empty_space][/vc_column][vc_column width=”1/4″ tablet_sm_width=”1-3″][movedo_empty_space][movedo_button align=”center” animation=”grve-fade-in-up” animation_delay=”300″ button_text=”Learn More About” button_color=”purple” button_hover_color=”blue” button_shape=”round” button_link=”url:%23|||”][movedo_empty_space][/vc_column][vc_column width=”1/4″ tablet_sm_width=”1-3″][movedo_empty_space][movedo_button align=”center” animation=”grve-fade-in-up” animation_delay=”500″ button_text=”Learn More About” button_color=”red” button_hover_color=”orange” button_shape=”round” button_link=”url:%23|||”][movedo_empty_space][/vc_column][vc_column width=”1/4″ tablet_sm_width=”hide” mobile_width=”hide”][movedo_empty_space][movedo_button align=”center” animation=”grve-fade-in-up” animation_delay=”700″ button_text=”Learn More About” button_color=”blue” button_hover_color=”green” button_shape=”round” button_link=”url:%23|||”][movedo_empty_space][/vc_column][vc_column width=”1/4″ tablet_sm_width=”hide” mobile_width=”hide”][movedo_empty_space][movedo_button align=”center” animation=”grve-fade-in-up” animation_delay=”900″ button_text=”Learn More About” button_color=”green” button_shape=”round” button_link=”url:%23|||”][movedo_empty_space][/vc_column][/vc_row][vc_row heading_color=”light” bg_type=”image” bg_image=”13478″ bg_image_type=”parallax” color_overlay=”primary-1″ opacity_overlay=”90″ padding_top_multiplier=”6x” padding_bottom_multiplier=”6x” font_color=”#ffffff”][vc_column width=”1/3″ tablet_sm_width=”hide” mobile_width=”hide”][/vc_column][vc_column width=”1/3″ tablet_sm_width=”1″ css=”.vc_custom_1468303078630{margin-bottom: 0px !important;}”][movedo_title align=”center”]Button Sizes[/movedo_title][vc_column_text]
5 different sizes for you to choose. Extra small, small, medium, large & extra large.
[/vc_column_text][/vc_column][vc_column width=”1/3″ tablet_sm_width=”hide” mobile_width=”hide”][/vc_column][vc_column][movedo_empty_space height_multiplier=”2x”][/vc_column][vc_column][movedo_button align=”center” animation=”grve-fade-in-up” animation_delay=”400″ button_text=”Learn More About” button_type=”outline” button_color=”white” button_hover_color=”white” button_size=”extrasmall” button_shape=”extra-round” button_link=”url:%23|||”][movedo_empty_space][movedo_button align=”center” animation=”grve-fade-in-up” animation_delay=”400″ button_text=”Learn More About” button_type=”outline” button_color=”white” button_hover_color=”white” button_size=”small” button_shape=”extra-round” button_link=”url:%23|||”][movedo_empty_space][movedo_button align=”center” animation=”grve-fade-in-up” animation_delay=”400″ button_text=”Learn More About” button_type=”outline” button_color=”white” button_hover_color=”white” button_shape=”extra-round” button_link=”url:%23|||”][movedo_empty_space][movedo_button align=”center” animation=”grve-fade-in-up” animation_delay=”400″ button_text=”Learn More About” button_type=”outline” button_color=”white” button_hover_color=”white” button_size=”large” button_shape=”extra-round” button_link=”url:%23|||”][movedo_empty_space][movedo_button align=”center” animation=”grve-fade-in-up” animation_delay=”400″ button_text=”Learn More About” button_type=”outline” button_color=”white” button_hover_color=”white” button_size=”extralarge” button_shape=”extra-round” button_link=”url:%23|||”][/vc_column][/vc_row][vc_row padding_top_multiplier=”5x” padding_bottom_multiplier=”5x”][vc_column width=”1/3″ tablet_sm_width=”hide” mobile_width=”hide”][/vc_column][vc_column width=”1/3″ tablet_sm_width=”1″ css=”.vc_custom_1468303078630{margin-bottom: 0px !important;}”][movedo_title align=”center”]Button Types[/movedo_title][vc_column_text]
You can also choose the appropriate type(simple, outline, underline) for your buttons and off you go!
[/vc_column_text][/vc_column][vc_column width=”1/3″ tablet_sm_width=”hide” mobile_width=”hide”][/vc_column][vc_column][movedo_empty_space height_multiplier=”3x”][/vc_column][vc_column width=”1/6″][/vc_column][vc_column width=”1/3″ mobile_width=”hide”][movedo_button align=”center” animation=”grve-fade-in-left” button_text=”Learn more about” button_size=”large” button_link=”url:%23|||” btn_add_icon=”yes” btn_icon_library=”simplelineicons” btn_icon_simplelineicons=”smp-icon-plus”][/vc_column][vc_column width=”1/3″ mobile_width=”hide”][movedo_button align=”center” animation=”grve-fade-in-right” button_text=”Learn more about” button_type=”outline” button_color=”black” button_hover_color=”primary-3″ button_size=”large” button_link=”url:%23|||” btn_add_icon=”yes” btn_icon_library=”simplelineicons” btn_icon_simplelineicons=”smp-icon-arrow-right-circle”][/vc_column][vc_column width=”1/6″][/vc_column][vc_column][movedo_empty_space height_multiplier=”2x”][/vc_column][vc_column width=”1/6″][/vc_column][vc_column width=”1/3″][movedo_button align=”center” animation=”grve-fade-in-left” button_text=”Learn more about” button_type=”underline” button_color=”black” button_link=”url:%23|||”][/vc_column][vc_column width=”1/3″][movedo_button align=”center” animation=”grve-fade-in-right” button_text=”Learn more about” button_type=”underline” button_color=”black” button_line_color=”primary-3″ button_link=”url:%23|||”][/vc_column][vc_column width=”1/6″][/vc_column][/vc_row][vc_row heading_color=”light” columns_gap=”none” bg_type=”color” padding_top_multiplier=”6x” padding_bottom_multiplier=”6x” bg_color=”#171a1d” font_color=”rgba(255,255,255,0.8)”][vc_column width=”1/3″ tablet_sm_width=”hide” mobile_width=”hide”][/vc_column][vc_column width=”1/3″ tablet_sm_width=”1″ css=”.vc_custom_1468303078630{margin-bottom: 0px !important;}”][movedo_title heading_tag=”h4″ align=”center”]Button Shapes[/movedo_title][vc_column_text]
Last but not least, you can select among 3 different shapes: Square, Round and Extra Round.
[/vc_column_text][/vc_column][vc_column width=”1/3″ tablet_sm_width=”hide” mobile_width=”hide”][/vc_column][vc_column][movedo_empty_space height_multiplier=”3x”][/vc_column][vc_column width=”1/3″][movedo_button align=”center” animation=”grve-fade-in-up” button_text=”Learn more about” button_color=”green” button_hover_color=”primary-1″ button_size=”large” button_link=”url:%23|||”][/vc_column][vc_column width=”1/3″][movedo_button align=”center” animation=”grve-fade-in-up” animation_delay=”400″ button_text=”Learn more about” button_color=”blue” button_hover_color=”primary-1″ button_size=”large” button_shape=”round” button_link=”url:%23|||”][/vc_column][vc_column width=”1/3″][movedo_button align=”center” animation=”grve-fade-in-up” animation_delay=”600″ button_text=”Learn more about” button_color=”primary-3″ button_hover_color=”primary-1″ button_size=”large” button_shape=”extra-round” button_link=”url:%23|||”][/vc_column][/vc_row][vc_row padding_top_multiplier=”5x” padding_bottom_multiplier=”3x”][vc_column width=”1/3″ tablet_sm_width=”hide” mobile_width=”hide”][/vc_column][vc_column width=”1/3″ tablet_sm_width=”1″ css=”.vc_custom_1468303078630{margin-bottom: 0px !important;}”][movedo_title heading_tag=”h4″ align=”center”]Fluid Buttons[/movedo_title][vc_column_text]
The most impressive here is that you can have fluid buttons, in the container width or even full-width.
[/vc_column_text][/vc_column][vc_column width=”1/3″ tablet_sm_width=”hide” mobile_width=”hide”][/vc_column][vc_column][movedo_empty_space height_multiplier=”3x”][/vc_column][vc_column][movedo_button btn_fluid=”yes” btn_fluid_height=”short” animation=”grve-zoom-in” button_text=”Buy Movedo Theme Now” button_color=”orange” button_link=”url:%23|||”][/vc_column][/vc_row][vc_row section_type=”fullwidth” columns_gap=”none” bg_type=”color” padding_top_multiplier=”” padding_bottom_multiplier=”” bg_color=”#171a1d”][vc_column][movedo_button btn_fluid=”yes” animation=”grve-fade-in-up” button_text=”Buy Movedo Theme Now” button_hover_color=”grey” button_link=”url:%23|||”][/vc_column][/vc_row][vc_row section_type=”fullwidth” columns_gap=”none” bg_type=”color” padding_top_multiplier=”” padding_bottom_multiplier=”” bg_color=”#171a1d”][vc_column][movedo_button btn_fluid=”yes” btn_fluid_height=”tall” animation=”grve-fade-in-up” animation_delay=”300″ button_text=”Buy Movedo Theme Now” button_color=”primary-3″ button_size=”large” button_link=”url:%23|||”][/vc_column][/vc_row]