How ton in Stripe Payment Gateway Plugin for WooCommerce?

So you have set up Apple Pay payment method with Stripe Payment Gateway Plugin for WooCommerce, and now want ton.

In this article, we’ll show you how ton, which will be visible on your WooCommerce cart and checkout page.

Here’s how you should get started.

First, add all the styling attributes under the following tags for cart page and checkout page respectively:

.woocommerce-cart button
{
/* Add your cart page styling attributes here */
}
.woocommerce-checkout button
{
/* Add your checkout page styling attributes here*/
}

The entire code should then be pasted into your theme style.css

Custon:

Following is a screenshot of default Apple pay button on cart page.

Let’s say we want to your theme’s style.css file, under the tag for cart page (shown in the earlier section of this article).

width: 50% !important;

The custon appears on cart page as shown in the screenshot below.

Likewise, ton on checkout page, add the same code under checkout page’s tag of the same file.

Following is a screenshot of default Apple pay button on checkout page.

The custon on checkout page will be as shown in the screenshot below.

 

Inverting Apple Pay button color and adding border:

You can invert color and a border color to your theme’s style.css file, under the cart page’s tag .

-webkit-appearance: none !important;
background-color: white !Important;
background-image: -webkit-named-image(apple-pay-logo-black);
border: 2px solid #3D9CD2 !important;

In the same way, tomize color on checkout page, add the same code under checkout page’s tag of the same file.

Following is a screenshot of custon on checkout page.

 

To know how tore/”>this article.

To know more about the product, checkout Stripe Payment Gateway Plugin for WooCommerce.

For understanding each feature of the plugin, refer the product setting up article.

Or checkout  Post navigation

Scroll to Top