[movedo_title heading_tag=”h2″ align=”center”]Button Colors[/movedo_title]
With button element you can easily add a colored button
to your page.
[movedo_empty_space]
[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]
[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]
[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]
[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]
[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]
[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]
[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]
[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]
[movedo_title align=”center”]Button Sizes[/movedo_title]
5 different sizes for you to choose. Extra small, small, medium, large & extra large.
[movedo_empty_space height_multiplier=”2x”]
[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|||”]
[movedo_title align=”center”]Button Types[/movedo_title]
You can also choose the appropriate type(simple, outline, underline) for your buttons and off you go!
[movedo_empty_space height_multiplier=”3x”]
[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”]
[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”]
[movedo_empty_space height_multiplier=”2x”]
[movedo_button align=”center” animation=”grve-fade-in-left” button_text=”Learn more about” button_type=”underline” button_color=”black” button_link=”url:%23|||”]
[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|||”]
[movedo_title heading_tag=”h4″ align=”center”]Button Shapes[/movedo_title]
Last but not least, you can select among 3 different shapes: Square, Round and Extra Round.
[movedo_empty_space height_multiplier=”3x”]
[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|||”]
[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|||”]
[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|||”]
[movedo_title heading_tag=”h4″ align=”center”]Fluid Buttons[/movedo_title]
The most impressive here is that you can have fluid buttons, in the container width or even full-width.
[movedo_empty_space height_multiplier=”3x”]
[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|||”]
[movedo_button btn_fluid=”yes” animation=”grve-fade-in-up” button_text=”Buy Movedo Theme Now” button_hover_color=”grey” button_link=”url:%23|||”]
[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|||”]