{"id":93,"date":"2018-05-25T23:35:21","date_gmt":"2018-05-25T23:35:21","guid":{"rendered":"https:\/\/thebaths.org\/index.php\/buttons\/"},"modified":"2018-05-25T23:35:21","modified_gmt":"2018-05-25T23:35:21","slug":"buttons","status":"publish","type":"page","link":"https:\/\/thebaths.org\/index.php\/buttons\/","title":{"rendered":"Buttons"},"content":{"rendered":"

[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”]

Button Colors<\/span><\/h3>[vc_column_text]With the button element you can easily
\nadd 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”]
Read More<\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″ text_align=”center” mobile_text_align=”center”]
Read More<\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″ mobile_text_align=”center”]
Read More<\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner mobile_width=”hide”]
<\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″ text_align=”right” mobile_text_align=”center”]
Read More<\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″ text_align=”center” mobile_text_align=”center”]
Read More<\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″ mobile_text_align=”center”]
Read More<\/span><\/a><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row padding_top_multiplier=”” padding_bottom_multiplier=””][vc_column]
<\/div><\/div>[\/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”]

Button Types<\/span><\/h3>[vc_column_text]You can also choose the appropriate type(simple, outline, underline) for
\nyour 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”]
Colored Button<\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″ vertical_content_position=”middle” text_align=”center” mobile_text_align=”center”]
Outline Button<\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″ vertical_content_position=”middle” mobile_text_align=”center”]
Underline Button<\/span><\/span><\/a><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row padding_top_multiplier=”” padding_bottom_multiplier=””][vc_column]
<\/div><\/div>[\/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”]

Button Shadows<\/span><\/h3>[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”]
Small Shadow<\/i><\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″ vertical_content_position=”middle” text_align=”center” mobile_text_align=”center”]
Medium Shadow<\/i><\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″ vertical_content_position=”middle” mobile_text_align=”center”]
Large Shadow<\/i><\/span><\/a><\/div>[\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row padding_top_multiplier=”” padding_bottom_multiplier=””][vc_column]
<\/div><\/div>[\/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”]

Button Shapes<\/span><\/h3>[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”]
Square<\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″ vertical_content_position=”middle” text_align=”center” mobile_text_align=”center”]
Round<\/span><\/a><\/div>[\/vc_column_inner][vc_column_inner width=”1\/3″ vertical_content_position=”middle” mobile_text_align=”center”]
Extra Round<\/span><\/a><\/div>[\/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”]

Button Sizes<\/span><\/h3>[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]
<\/div>[\/vc_column][vc_column text_align=”center”]
Learn More About<\/span><\/a><\/div>
Learn More About<\/span><\/a><\/div>
Learn More About<\/span><\/a><\/div>
Learn More About<\/span><\/a><\/div>
Learn More About<\/span><\/a><\/div>[\/vc_column][\/vc_row][vc_row section_type=”fullwidth” padding_top_multiplier=”” padding_bottom_multiplier=””][vc_column]
Purchase Crocal Now<\/span><\/a><\/div>[\/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”]

Crocals Elements<\/span><\/h3>

You might want to consider<\/span><\/h3>[\/vc_column][vc_column]
<\/div>[\/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]–<\/span> Counters<\/a>
\n–<\/span> Buttons<\/a>
\n–<\/span> Team<\/a>
\n–<\/span> Carousel<\/a>
\n–<\/span> Row Backgrounds<\/a>
\n–<\/span> Pricing Tables<\/a><\/p>\n

[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/4″ mobile_width=”1-2″][vc_column_text]–<\/span> Gallery<\/a>
\n–<\/span> Icon Boxes<\/a>
\n–<\/span> Fancy Boxes<\/a>
\n–<\/span> Image Text<\/a>
\n–<\/span> Media Box<\/a>
\n–<\/span> Progress Bars<\/a>[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/4″ mobile_width=”1-2″][vc_column_text]–<\/span> Parallax Effects<\/a>
\n–<\/span> Testimonials<\/a>
\n–<\/span> Typed Text<\/a>
\n–<\/span> Single Image<\/a>
\n–<\/span> Google Maps<\/a>
\n–<\/span> Pie Charts<\/a>
\n[\/vc_column_text][\/vc_column_inner][vc_column_inner width=”1\/4″ mobile_width=”1-2″][vc_column_text]–<\/span> Typography<\/a>
\n–<\/span> Advanced Grid<\/a>
\n–<\/span> Flexible Modals<\/a>
\n–<\/span> Count Down<\/a>
\n–<\/span> Sticky Columns<\/a>
\n–<\/span> Row Separators<\/a>[\/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]<\/p>\n","protected":false},"excerpt":{"rendered":"

[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”][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”][\/vc_column_inner][vc_column_inner width=”1\/3″ text_align=”center” mobile_text_align=”center”][\/vc_column_inner][vc_column_inner width=”1\/3″ mobile_text_align=”center”][\/vc_column_inner][vc_column_inner mobile_width=”hide”][\/vc_column_inner][vc_column_inner width=”1\/3″ text_align=”right” mobile_text_align=”center”][\/vc_column_inner][vc_column_inner width=”1\/3″ text_align=”center” mobile_text_align=”center”][\/vc_column_inner][vc_column_inner width=”1\/3″ mobile_text_align=”center”][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row padding_top_multiplier=”” padding_bottom_multiplier=””][vc_column][\/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″ […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-93","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/pages\/93","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/comments?post=93"}],"version-history":[{"count":0,"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/pages\/93\/revisions"}],"wp:attachment":[{"href":"https:\/\/thebaths.org\/index.php\/wp-json\/wp\/v2\/media?parent=93"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}