Return to previous page

Paypal button size - by ianabel - on WordPress WooCommerce support

This topic has 4 replies, 3 voices, and was last updated 4 years, 6 months ago ago by Rose Tyler

ianabel

Participant

October 21, 2019 at 15:22

Hello, I woul like to change paypal button size to be the same than checkout button. Now in desktop and tablet version is higher. How can I change that keeping “Paypal” text completely visible. When I set a smaller value for button height part of the paypal text disappears below.
Thanks

#223631 Copied Theme version: v.6.1.3 (child v.1.0) WooCommerce version: 3.7.1

3 Answers

Olga Barlow

Support staff

October 22, 2019 at 16:56

Hello,

That button comes from the WooCommerce PayPal Checkout Gateway plugin and appears in iframe that causes difficulties to customize its styles. Our theme does not have any options for that button. Contact plugin support to get information if they have any advanced options to customize button styles/size.

Regards

#223671 Copied
ianabel

Participant

October 22, 2019 at 18:19
OK, Used this code I found here on the forum and it makes it smaller, not the same size that “Add to cart” button but it works for me. Thanks
```
.paypal-button:not(.paypal-button-card) {
    height: 39px;
    width: 190px !important;
    border-radius: 0;
}
.pisol_buy_now_button {
    width: 190px !important;
}
```
#223680 Copied
Rose Tyler

Support staff

October 22, 2019 at 20:16

Hello,

Feel free to ask if you have any other questions.
Have a nice day.

Regards

#223689 Copied
Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Handmade Store – WordPress WooCommerce Theme

lazy-placeholder

Coffee Store – WooCommerce Theme

lazy-placeholder

Sushi Store – WordPress WooCommerce Theme

lazy-placeholder

Coffee Store – WordPress WooCommerce Theme

lazy-placeholder

Kids Store – WordPress WooCommerce Theme

lazy-placeholder

Luxury Jewelry Store – WordPress WooCommerce Theme

lazy-placeholder

Wedding Store – WordPress WooCommerce Theme

lazy-placeholder

Sidebar Boxed Store – WooCommerce Theme

lazy-placeholder

Cosmetics Store – WordPress WooCommerce Theme

lazy-placeholder

Shoes Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.