Deprecated: Return type of WP_Theme::offsetExists($offset) should either be compatible with ArrayAccess::offsetExists(mixed $offset): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/class-wp-theme.php on line 554

Deprecated: Return type of WP_Theme::offsetGet($offset) should either be compatible with ArrayAccess::offsetGet(mixed $offset): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/class-wp-theme.php on line 595

Deprecated: Return type of WP_Theme::offsetSet($offset, $value) should either be compatible with ArrayAccess::offsetSet(mixed $offset, mixed $value): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/class-wp-theme.php on line 535

Deprecated: Return type of WP_Theme::offsetUnset($offset) should either be compatible with ArrayAccess::offsetUnset(mixed $offset): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/class-wp-theme.php on line 544

Deprecated: Return type of WP_REST_Request::offsetExists($offset) should either be compatible with ArrayAccess::offsetExists(mixed $offset): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/rest-api/class-wp-rest-request.php on line 960

Deprecated: Return type of WP_REST_Request::offsetGet($offset) should either be compatible with ArrayAccess::offsetGet(mixed $offset): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/rest-api/class-wp-rest-request.php on line 980

Deprecated: Return type of WP_REST_Request::offsetSet($offset, $value) should either be compatible with ArrayAccess::offsetSet(mixed $offset, mixed $value): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/rest-api/class-wp-rest-request.php on line 992

Deprecated: Return type of WP_REST_Request::offsetUnset($offset) should either be compatible with ArrayAccess::offsetUnset(mixed $offset): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/rest-api/class-wp-rest-request.php on line 1003

Deprecated: Return type of WP_Block_List::current() should either be compatible with Iterator::current(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/class-wp-block-list.php on line 151

Deprecated: Return type of WP_Block_List::next() should either be compatible with Iterator::next(): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/class-wp-block-list.php on line 175

Deprecated: Return type of WP_Block_List::key() should either be compatible with Iterator::key(): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/class-wp-block-list.php on line 164

Deprecated: Return type of WP_Block_List::valid() should either be compatible with Iterator::valid(): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/class-wp-block-list.php on line 186

Deprecated: Return type of WP_Block_List::rewind() should either be compatible with Iterator::rewind(): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/class-wp-block-list.php on line 138

Deprecated: Return type of WP_Block_List::offsetExists($index) should either be compatible with ArrayAccess::offsetExists(mixed $offset): bool, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/class-wp-block-list.php on line 75

Deprecated: Return type of WP_Block_List::offsetGet($index) should either be compatible with ArrayAccess::offsetGet(mixed $offset): mixed, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/class-wp-block-list.php on line 89

Deprecated: Return type of WP_Block_List::offsetSet($index, $value) should either be compatible with ArrayAccess::offsetSet(mixed $offset, mixed $value): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/class-wp-block-list.php on line 110

Deprecated: Return type of WP_Block_List::offsetUnset($index) should either be compatible with ArrayAccess::offsetUnset(mixed $offset): void, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/class-wp-block-list.php on line 127

Deprecated: Return type of WP_Block_List::count() should either be compatible with Countable::count(): int, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in /home/gaffi/public_html/petrivirta/wp-includes/class-wp-block-list.php on line 199

Deprecated: trim(): Passing null to parameter #1 ($string) of type string is deprecated in /home/gaffi/public_html/petrivirta/wp-includes/class-wp.php on line 173
Buttons – Petri Virta

[vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”5″ bottom_padding=”5″ back_color=”color-lxmt” back_image=”42824″ back_position=”center top” parallax=”yes” overlay_alpha=”0″ gutter_size=”100″ border_color=”color-gyho” border_style=”solid” shift_y=”0″ style=”inherited” css=”.vc_custom_1444891317759{border-top-width: 0px !important;border-bottom-width: 1px !important;}”][vc_column column_width_use_pixel=”yes” position_vertical=”middle” align_horizontal=”align_center” font_family=”font-762333″ overlay_alpha=”100″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ z_index=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″ column_width_pixel=”760″][vc_custom_heading heading_semantic=”h1″ text_size=”h1″ text_space=”fontspace-781688″ text_font=”font-762333″ text_transform=”capitalize” sub_lead=”yes” sub_reduced=”yes” text_align=”text-center” subheading=”Easily insert buttons and call-to-actions in any page, use amazing custom options to spice up your pages.”]Buttons[/vc_custom_heading][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”3″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ shift_y=”0″][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_custom_heading heading_semantic=”h5″ text_size=”h5″ sub_reduced=”yes” subheading=”4 different size: super, large, default and small.” text_align=”text-left” text_serif=”” text_uppercase=””]Button Sizes[/vc_custom_heading][/vc_column][/vc_row][vc_row unlock_row=”” row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”2″ bottom_padding=”3″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ block_height=”0″ back_alpha=”100″ border_size=”1″ style=”inherited”][vc_column column_width_percent=”100″ position_horizontal=”left” position_vertical=”middle” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″ max_width=”100″ align_vertical=”top”][vc_button size=”btn-xl” italic=””]Super Size[/vc_button][/vc_column][vc_column column_width_percent=”100″ position_horizontal=”left” position_vertical=”middle” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button size=”btn-lg” outline=”yes” italic=””]Large Size[/vc_button][/vc_column][vc_column column_width_percent=”100″ position_vertical=”middle” align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”accent” italic=””]Base Size[/vc_button][/vc_column][vc_column column_width_percent=”100″ position_vertical=”middle” align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”accent” size=”btn-sm” outline=”yes” italic=””]Small Size[/vc_button][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”0″ bottom_padding=”0″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ style=”inherited”][vc_column column_width_percent=”100″ overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_separator][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”3″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ shift_y=”0″][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_custom_heading heading_semantic=”h5″ text_size=”h5″ sub_reduced=”yes” subheading=”4 different shapes: default, round, square and circle.” text_align=”text-left” text_serif=”” text_uppercase=””]Button Shapes[/vc_custom_heading][/vc_column][/vc_row][vc_row unlock_row=”” row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”2″ bottom_padding=”3″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ block_height=”0″ back_alpha=”100″ border_size=”1″ style=”inherited”][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″ max_width=”100″ align_vertical=”top”][vc_button italic=””]Default[/vc_button][/vc_column][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button radius=”btn-round” outline=”yes” italic=””]Round[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”accent” radius=”btn-square” italic=””]Square[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”accent” radius=”btn-circle” outline=”yes” italic=””]Circle[/vc_button][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”0″ bottom_padding=”0″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ style=”inherited”][vc_column column_width_percent=”100″ overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_separator][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”3″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ shift_y=”0″][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_custom_heading heading_semantic=”h5″ text_size=”h5″ sub_reduced=”yes” subheading=”Buttons are fully integrated with 900+ icons.” text_align=”text-left” text_serif=”” text_uppercase=””]Button with Icons[/vc_custom_heading][/vc_column][/vc_row][vc_row unlock_row=”” row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”2″ bottom_padding=”3″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ style=”inherited”][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button icon_position=”right” italic=”” button_style=”light” icon=”fa fa-wrench” icon_animation=”yes”]Icon Right[/vc_button][/vc_column][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button outline=”yes” italic=”” button_style=”light” icon_animation=”yes” icon=”fa fa-search”]Icon Left[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”accent” icon_position=”right” italic=”” button_style=”light” icon=”fa fa-camera” icon_animation=”yes”]Icon Right[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”accent” outline=”yes” italic=”” button_style=”light” icon_animation=”yes” icon=”fa fa-star”]Icon Left[/vc_button][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”0″ bottom_padding=”0″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ style=”inherited”][vc_column column_width_percent=”100″ overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_separator][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”3″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ shift_y=”0″][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_custom_heading heading_semantic=”h5″ text_size=”h5″ sub_reduced=”yes” subheading=”Enhance your button with a shadow effect.” text_align=”text-left” text_serif=”” text_uppercase=””]Button with Shadow[/vc_custom_heading][/vc_column][/vc_row][vc_row unlock_row=”” row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”2″ bottom_padding=”3″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ block_height=”0″ back_alpha=”100″ border_size=”1″ style=”inherited”][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button shadow=”yes” border_width=”0″ italic=””]Shadow[/vc_button][/vc_column][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″ max_width=”100″ align_vertical=”top”][vc_button outline=”yes” shadow=”yes” shadow_weight=”sm” border_width=”0″ italic=””]Shadow[/vc_button][/vc_column][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”accent” shadow=”yes” shadow_weight=”std” border_width=”0″ italic=””]Shadow[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”accent” outline=”yes” shadow=”yes” shadow_weight=”lg” border_width=”0″ italic=””]Shadow[/vc_button][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”0″ bottom_padding=”0″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ style=”inherited”][vc_column column_width_percent=”100″ overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_separator][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”3″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ shift_y=”0″][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_custom_heading heading_semantic=”h5″ text_size=”h5″ sub_reduced=”yes” subheading=”Enhance your button with a border animation.” text_align=”text-left” text_serif=”” text_uppercase=””]Button with border effect[/vc_custom_heading][/vc_column][/vc_row][vc_row unlock_row=”” row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”2″ bottom_padding=”3″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ block_height=”0″ back_alpha=”100″ border_size=”1″ style=”inherited”][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button border_animation=”btn-ripple-out” italic=””]Ripple out[/vc_button][/vc_column][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″ max_width=”100″ align_vertical=”top”][vc_button border_animation=”btn-ripple-in” outline=”yes” italic=””]Ripple in[/vc_button][/vc_column][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”accent” border_animation=”btn-ripple-out” italic=””]Ripple out[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”accent” border_animation=”btn-ripple-in” outline=”yes” italic=””]Ripple in[/vc_button][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”0″ bottom_padding=”0″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ style=”inherited”][vc_column column_width_percent=”100″ overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_separator][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”3″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ shift_y=”0″][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_custom_heading heading_semantic=”h5″ text_size=”h5″ sub_reduced=”yes” subheading=”Fluid buttons span the full width of a parent column.” text_align=”text-left” text_serif=”” text_uppercase=””]Button Fluid[/vc_custom_heading][/vc_column][/vc_row][vc_row unlock_row=”” row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”2″ bottom_padding=”3″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ block_height=”0″ back_alpha=”100″ border_size=”1″ style=”inherited”][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″ max_width=”100″ align_vertical=”top”][vc_button wide=”yes” italic=””]Fluid[/vc_button][/vc_column][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button wide=”yes” outline=”yes” italic=””]Fluid[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”accent” wide=”yes” italic=””]Fluid[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”accent” wide=”yes” outline=”yes” italic=””]Fluid[/vc_button][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”0″ bottom_padding=”0″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ style=”inherited”][vc_column column_width_percent=”100″ overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_separator][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”3″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ shift_y=”0″][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_custom_heading heading_semantic=”h5″ text_size=”h5″ sub_reduced=”yes” subheading=”Link this button with any internal page, portfolio or post of your site.” text_align=”text-left” text_serif=”” text_uppercase=””]Button with Dynamic URL[/vc_custom_heading][/vc_column][/vc_row][vc_row unlock_row=”” row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”2″ bottom_padding=”3″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ block_height=”0″ back_alpha=”100″ border_size=”1″ style=”inherited”][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″ max_width=”100″ align_vertical=”top”][vc_button italic=”” link=”url:%23|||”]Dynamic Url[/vc_button][/vc_column][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button outline=”yes” italic=”” link=”url:%23|||”]Dynamic Url[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”accent” italic=”” link=”url:%23|||”]Dynamic Url[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”accent” outline=”yes” italic=”” link=”url:%23|||”]Dynamic Url[/vc_button][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”0″ bottom_padding=”0″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ style=”inherited”][vc_column column_width_percent=”100″ overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_separator][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”3″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ shift_y=”0″][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_custom_heading heading_semantic=”h5″ text_size=”h5″ sub_reduced=”yes” subheading=”Link this button with any image, video or audio file of your site and display it in a stylish lightbox.” text_align=”text-left” text_serif=”” text_uppercase=””]Button with Lightbox[/vc_custom_heading][/vc_column][/vc_row][vc_row unlock_row=”” row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”2″ bottom_padding=”3″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ block_height=”0″ back_alpha=”100″ border_size=”1″ style=”inherited”][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″ max_width=”100″ align_vertical=”top”][vc_button italic=”” media_lightbox=”25784″]Lightbox Image[/vc_button][/vc_column][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button outline=”yes” italic=”” media_lightbox=”18831″]Lightbox Vimeo[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”accent” italic=”” media_lightbox=”11282″]Lightbox YouTube[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”accent” outline=”yes” italic=”” media_lightbox=”24466″]Lightbox Sound[/vc_button][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”0″ bottom_padding=”0″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ style=”inherited”][vc_column column_width_percent=”100″ overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_separator][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”3″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ shift_y=”0″][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_custom_heading heading_semantic=”h5″ text_size=”h5″ sub_reduced=”yes” subheading=”Enhance your button with a nice color effect.” text_align=”text-left” text_serif=”” text_uppercase=””]Custom Colors[/vc_custom_heading][/vc_column][/vc_row][vc_row unlock_row=”” row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”2″ bottom_padding=”3″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ block_height=”0″ back_alpha=”100″ border_size=”1″ style=”inherited”][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”color-210407″ italic=””]Custom Color[/vc_button][/vc_column][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″ max_width=”100″ align_vertical=”top”][vc_button button_color=”color-742106″ italic=””]Custom Color[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”color-149363″ italic=””]Custom Color[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”color-wvjs” italic=””]Custom Color[/vc_button][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”0″ bottom_padding=”0″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ style=”inherited”][vc_column column_width_percent=”100″ overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_separator][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”3″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ shift_y=”0″][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_custom_heading heading_semantic=”h5″ text_size=”h5″ sub_reduced=”yes” subheading=”Apply a nice classic flat hover effect.” text_align=”text-left” text_serif=”” text_uppercase=””]Flat Hover effect[/vc_custom_heading][/vc_column][/vc_row][vc_row unlock_row=”” row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”2″ bottom_padding=”3″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ block_height=”0″ back_alpha=”100″ border_size=”1″ style=”inherited”][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button hover_fx=”full-colored” border_width=”0″ italic=””]Flat hover[/vc_button][/vc_column][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″ max_width=”100″ align_vertical=”top”][vc_button button_color=”color-wvjs” hover_fx=”full-colored” border_width=”0″ italic=””]Flat hover[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”accent” hover_fx=”full-colored” border_width=”0″ italic=””]Flat hover[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”color-482803″ hover_fx=”full-colored” border_width=”0″ italic=””]Flat hover[/vc_button][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”0″ bottom_padding=”0″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ style=”inherited”][vc_column column_width_percent=”100″ overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_separator][/vc_column][/vc_row][vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”3″ bottom_padding=”2″ overlay_alpha=”50″ gutter_size=”3″ shift_y=”0″][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”3″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″][vc_custom_heading heading_semantic=”h5″ text_size=”h5″ sub_reduced=”yes” subheading=”Enhance your button with typographic options: font family, font weight, letter spacing, etc.” text_align=”text-left” text_serif=”” text_uppercase=””]Custom Typography[/vc_custom_heading][/vc_column][/vc_row][vc_row unlock_row=”” row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”2″ bottom_padding=”3″ overlay_alpha=”100″ gutter_size=”100″ shift_y=”0″ block_height=”0″ back_alpha=”100″ border_size=”1″ style=”inherited”][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”color-632047″ size=”btn-lg” custom_typo=”yes” font_weight=”400″ letter_spacing=”fontspace-781688″ border_width=”0″ italic=””]Custom Typography[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”color-wvjs” size=”btn-lg” outline=”yes” custom_typo=”yes” font_family=”font-156269″ font_weight=”600″ text_transform=”uppercase” border_width=”0″ italic=””]Custom Typography[/vc_button][/vc_column][vc_column column_width_percent=”100″ align_horizontal=”align_center” overlay_alpha=”50″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″][vc_button button_color=”color-742106″ size=”btn-lg” custom_typo=”yes” font_family=”font-202503″ font_weight=”400″ letter_spacing=”fontspace-781688″ border_width=”0″ italic=””]Custom Typography[/vc_button][/vc_column][vc_column column_width_percent=”100″ position_horizontal=”left” align_horizontal=”align_center” overlay_alpha=”100″ gutter_size=”2″ medium_width=”0″ shift_x=”0″ shift_y=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/4″ max_width=”100″ align_vertical=”top”][vc_button button_color=”color-210407″ size=”btn-lg” outline=”yes” custom_typo=”yes” font_family=”font-175345″ font_weight=”600″ text_transform=”uppercase” border_width=”0″ italic=””]Custom Typography[/vc_button][/vc_column][/vc_row]

Siirry takaisin sivun alkuun