Payments button overlapping

  • Resolved damiano89187

    (@damiano89187)


    11 months, 1 week ago

    Hi ??

    I’ve installed your plugin in our staging website to do some test.

    It works perfectly but, for some reason, once installed all our payment buttons in checkout are overlapping. Before trying to switch to production site do you have any idea of how to fix this issue?

    Thanks for your work.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Payment Plugins

    (@mrclayton)

    Hi @damiano89187,

    all our payment buttons in checkout are overlapping.

    That’s happening because the Stripe plugin’s CSS for the payment method sections is overriding your theme’s styling. I’ve made a note to make the CSS less aggressive in the next release.

    In the meantime, the following CSS will make your checkout page look good.

    ul.payment_methods li[class*=payment_method]>input[name=payment_method]+label{
    padding: 1.25rem 0.9375rem 1.25rem 2.5rem !important;
}

    Kind Regards

    Thread Starter damiano89187

    (@damiano89187)

    Hi,

    Thank you, your css code fixed perfectly my issue.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Payments button overlapping’ is closed to new replies.