WooCommerce PayPal Button Spacing on Checkout

  • Resolved indigobaby

    (@indigobaby)


    3 years ago

    How can I fix this spacing problem around the PayPal button on the checkout page? (Must have an item in cart to see the issue). There is a large gap between the payment method description and the actual button itself. There is also bottom padding missing between the button and the bottom border of the container. Any help is appreciated.

    https://ibb.co/YBXV74w

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter indigobaby

    (@indigobaby)

    @yukikatayama maybe you know?

    Mirko P.

    (@rainfallnixfig)

    Hi @indigobaby!

    Thanks for reaching out.

    Can you check if applying this CSS works for you?

    
/* Style PayPal button on checkout */
.woocommerce-page.woocommerce-checkout #payment ul.payment_methods {
margin-bottom: 0 !important;
}
.woocommerce-page.woocommerce-checkout #payment div.form-row {
padding: 0 !important;
}
.woocommerce-checkout .paypal-buttons {
margin-bottom: 20px;
}

    To add custom CSS code navigate to WordPress Dashboard > Appearance > Customize > Additional CSS and add your CSS to the editor.

    Cheers.

    Mirko P.

    (@rainfallnixfig)

    Hi there,

    It’s been a while since we last heard back from you. I’m going to mark this thread as resolved.

    If you have further questions, please feel free to open a new topic.

    Cheers.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘WooCommerce PayPal Button Spacing on Checkout’ is closed to new replies.