Buttons

[vc_row padding_top_multiplier=”4x” padding_bottom_multiplier=”6x” tablet_columns_vertical_gap=”30″ tablet_sm_columns_vertical_gap=”30″][vc_column width=”1/3″ content_width=”90″ tablet_width=”1″ tablet_content_width=”reset” tablet_sm_content_width=”reset” mobile_content_width=”reset” tablet_text_align=”center” tablet_sm_text_align=”center” mobile_text_align=”center”][crocal_title heading=”h5″]Button Colors[/crocal_title][vc_column_text]With the button element you can easily
add a colored button to your page.[/vc_column_text][/vc_column][vc_column width=”2/3″ tablet_width=”1″][vc_row_inner padding_top_multiplier=”” padding_bottom_multiplier=””][vc_column_inner width=”1/3″ text_align=”right” mobile_text_align=”center”][crocal_button button_text=”Read More” button_size=”small” button_shape=”round” button_link=”url:%23|||”][/vc_column_inner][vc_column_inner width=”1/3″ text_align=”center” mobile_text_align=”center”][crocal_button button_text=”Read More” button_color=”primary-3″ button_hover_color=”red” button_size=”small” button_shape=”round” button_link=”url:%23|||”][/vc_column_inner][vc_column_inner width=”1/3″ mobile_text_align=”center”][crocal_button button_text=”Read More” button_color=”blue” button_hover_color=”purple” button_size=”small” button_shape=”round” button_link=”url:%23|||”][/vc_column_inner][vc_column_inner mobile_width=”hide”][crocal_empty_space][/vc_column_inner][vc_column_inner width=”1/3″ text_align=”right” mobile_text_align=”center”][crocal_button button_text=”Read More” button_type=”gradient” button_gradient_color_1=”purple” button_gradient_color_2=”primary-3″ button_hover_color=”purple” button_size=”small” button_shape=”round” button_link=”url:%23|||”][/vc_column_inner][vc_column_inner width=”1/3″ text_align=”center” mobile_text_align=”center”][crocal_button button_text=”Read More” button_type=”gradient” button_gradient_color_1=”blue” button_gradient_color_2=”primary-5″ button_hover_color=”primary-5″ button_size=”small” button_shape=”round” button_link=”url:%23|||”][/vc_column_inner][vc_column_inner width=”1/3″ mobile_text_align=”center”][crocal_button button_text=”Read More” button_type=”gradient” button_gradient_color_1=”primary-6″ button_gradient_color_2=”primary-1″ button_size=”small” button_shape=”round” button_link=”url:%23|||”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row padding_top_multiplier=”” padding_bottom_multiplier=””][vc_column][crocal_divider][/vc_column][/vc_row][vc_row padding_top_multiplier=”6x” padding_bottom_multiplier=”6x” tablet_columns_vertical_gap=”30″ tablet_sm_columns_vertical_gap=”30″][vc_column width=”1/3″ content_width=”90″ tablet_width=”1″ tablet_content_width=”reset” tablet_sm_content_width=”reset” mobile_content_width=”reset” tablet_text_align=”center” tablet_sm_text_align=”center” mobile_text_align=”center”][crocal_title heading=”h5″]Button Types[/crocal_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=”2/3″ vertical_content_position=”middle” tablet_width=”1″][vc_row_inner padding_top_multiplier=”” padding_bottom_multiplier=””][vc_column_inner width=”1/3″ vertical_content_position=”middle” text_align=”right” mobile_text_align=”center”][crocal_button button_text=”Colored Button” button_shape=”round”][/vc_column_inner][vc_column_inner width=”1/3″ vertical_content_position=”middle” text_align=”center” mobile_text_align=”center”][crocal_button button_text=”Outline Button” button_type=”outline” button_shape=”round”][/vc_column_inner][vc_column_inner width=”1/3″ vertical_content_position=”middle” mobile_text_align=”center”][crocal_button button_text=”Underline Button” button_type=”underline” button_color=”black”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row padding_top_multiplier=”” padding_bottom_multiplier=””][vc_column][crocal_divider][/vc_column][/vc_row][vc_row padding_top_multiplier=”6x” padding_bottom_multiplier=”6x” tablet_columns_vertical_gap=”30″ tablet_sm_columns_vertical_gap=”30″][vc_column width=”1/3″ content_width=”90″ tablet_width=”1″ tablet_content_width=”reset” tablet_sm_content_width=”reset” mobile_content_width=”reset” tablet_text_align=”center” tablet_sm_text_align=”center” mobile_text_align=”center”][crocal_title heading=”h5″]Button Shadows[/crocal_title][vc_column_text]You can also have shadow in your buttons, 3 different types.[/vc_column_text][/vc_column][vc_column width=”2/3″ vertical_content_position=”middle” tablet_width=”1″][vc_row_inner padding_top_multiplier=”” padding_bottom_multiplier=””][vc_column_inner width=”1/3″ vertical_content_position=”middle” text_align=”right” mobile_text_align=”center”][crocal_button button_text=”Small Shadow” button_color=”primary-3″ button_hover_color=”white” button_shadow=”small” button_link=”url:%23|||” btn_add_icon=”yes” btn_icon_library=”entypo” btn_icon_entypo=”entypo-icon entypo-icon-right-open”][/vc_column_inner][vc_column_inner width=”1/3″ vertical_content_position=”middle” text_align=”center” mobile_text_align=”center”][crocal_button button_text=”Medium Shadow” button_color=”primary-3″ button_hover_color=”white” button_shadow=”medium” button_link=”url:%23|||” btn_add_icon=”yes” btn_icon_library=”entypo” btn_icon_entypo=”entypo-icon entypo-icon-arrows-ccw”][/vc_column_inner][vc_column_inner width=”1/3″ vertical_content_position=”middle” mobile_text_align=”center”][crocal_button button_text=”Large Shadow” button_color=”primary-3″ button_hover_color=”white” button_shadow=”large” button_link=”url:%23|||” btn_add_icon=”yes” btn_icon_library=”entypo” btn_icon_entypo=”entypo-icon entypo-icon-heart-empty”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row padding_top_multiplier=”” padding_bottom_multiplier=””][vc_column][crocal_divider][/vc_column][/vc_row][vc_row padding_top_multiplier=”6x” padding_bottom_multiplier=”6x” tablet_columns_vertical_gap=”30″ tablet_sm_columns_vertical_gap=”30″][vc_column width=”1/3″ content_width=”90″ tablet_width=”1″ tablet_content_width=”reset” tablet_sm_content_width=”reset” mobile_content_width=”reset” tablet_text_align=”center” tablet_sm_text_align=”center” mobile_text_align=”center”][crocal_title heading=”h5″]Button Shapes[/crocal_title][vc_column_text]Select among 3 different shapes: Square, Round and Extra Round.[/vc_column_text][/vc_column][vc_column width=”2/3″ vertical_content_position=”middle” tablet_width=”1″][vc_row_inner padding_top_multiplier=”” padding_bottom_multiplier=””][vc_column_inner width=”1/3″ vertical_content_position=”middle” text_align=”right” mobile_text_align=”center”][crocal_button btn_fluid=”custom” btn_custom_width=”190″ button_text=”Square” button_color=”blue” button_shadow=”large” button_link=”url:%23|||”][/vc_column_inner][vc_column_inner width=”1/3″ vertical_content_position=”middle” text_align=”center” mobile_text_align=”center”][crocal_button btn_fluid=”custom” btn_custom_width=”190″ button_text=”Round” button_color=”blue” button_shape=”round” button_shadow=”large” button_link=”url:%23|||”][/vc_column_inner][vc_column_inner width=”1/3″ vertical_content_position=”middle” mobile_text_align=”center”][crocal_button btn_fluid=”custom” btn_custom_width=”190″ button_text=”Extra Round” button_color=”blue” button_shape=”extra-round” button_shadow=”large” button_link=”url:%23|||”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row padding_top_multiplier=”5x” padding_bottom_multiplier=”5x” rc_bg_type=”color” rc_bg_color=”#f6f7fc”][vc_column width=”1/4″ tablet_width=”1-6″ mobile_width=”hide”][/vc_column][vc_column width=”1/2″ content_width=”70″ horizontal_content_position=”center” text_align=”center” tablet_width=”2-3″ mobile_content_width=”reset”][crocal_title heading=”h5″]Button Sizes[/crocal_title][vc_column_text]Five different sizes for you to chosse. Extra small, small, medium, large and extra large.[/vc_column_text][/vc_column][vc_column width=”1/4″ tablet_width=”1-6″ mobile_width=”hide”][/vc_column][vc_column][crocal_empty_space][/vc_column][vc_column text_align=”center”][crocal_button button_text=”Learn More About” button_size=”extrasmall” button_shape=”round” margin_bottom=”24″][crocal_button button_text=”Learn More About” button_size=”small” button_shape=”round” margin_bottom=”24″][crocal_button button_text=”Learn More About” button_shape=”round” margin_bottom=”24″][crocal_button button_text=”Learn More About” button_size=”large” button_shape=”round” margin_bottom=”24″][crocal_button button_text=”Learn More About” button_size=”extralarge” button_shape=”round” margin_bottom=”24″][/vc_column][/vc_row][vc_row section_type=”fullwidth” padding_top_multiplier=”” padding_bottom_multiplier=””][vc_column][crocal_button btn_fluid=”yes” button_text=”Purchase Crocal Now” button_color=”primary-3″ button_size=”extralarge” button_link=”url:https%3A%2F%2F1.envato.market%2Fcrocal||target:%20_blank|”][/vc_column][/vc_row][vc_row padding_top_multiplier=”4x” padding_bottom_multiplier=”4x” rc_heading_color=”light” rc_link_color=”light” rc_link_hover_color=”primary-1″ rc_bg_type=”gradient” rc_bg_gradient_color_1=”#5d5bef” rc_bg_gradient_color_2=”#0d1ce8″ rc_bg_gradient_direction=”135″ rc_add_shadow=”large-shadow” mobile_columns_vertical_gap=”none” rc_font_color=”#ffffff”][vc_column text_align=”center” mobile_text_align=”left”][crocal_title heading=”subtitle-text”]Crocals Elements[/crocal_title][crocal_title margin_bottom=”0″]You might want to consider[/crocal_title][/vc_column][vc_column][crocal_empty_space height_multiplier=”2x”][/vc_column][vc_column width=”1/6″ tablet_sm_width=”hide” mobile_width=”hide”][/vc_column][vc_column width=”2/3″ tablet_sm_width=”1″][vc_row_inner padding_top_multiplier=”” padding_bottom_multiplier=”” mobile_columns_vertical_gap=”none”][vc_column_inner width=”1/4″ mobile_width=”1-2″][vc_column_text]– Counters
– Buttons
– Team
– Carousel
– Row Backgrounds
– Pricing Tables

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/4″ mobile_width=”1-2″][vc_column_text]– Gallery
– Icon Boxes
– Fancy Boxes
– Image Text
– Media Box
– Progress Bars[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/4″ mobile_width=”1-2″][vc_column_text]– Parallax Effects
– Testimonials
– Typed Text
– Single Image
– Google Maps
– Pie Charts
[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/4″ mobile_width=”1-2″][vc_column_text]– Typography
– Advanced Grid
– Flexible Modals
– Count Down
– Sticky Columns
– Row Separators[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/6″ tablet_sm_width=”hide” mobile_width=”hide”][/vc_column][/vc_row]