How do I achieve matching buttons in product, cart and checkout pages?

This topic has 5 replies, 2 voices, and was last updated 5 days, 13 hours ago ago by Luca Rossi

  • Avatar: Safe Desires
    Safe Desires
    Participant
    April 14, 2025 at 23:45

    I would like all payment/cart related buttons to be rounded like “Buy Now” and “Proceed to Checkout”

    I tried it with various Additional CSS but had no luck.

    Content is visible for topic creator and
    support staff only.
    Files is visible for topic creator and
    support staff only.
    4 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    April 15, 2025 at 08:19

    Dear @Safe Desires,

    Thank you for reaching out.

    Please note that the payment buttons are loaded via an iframe, which unfortunately prevents the application of custom CSS styles directly.

    As an alternative, we recommend reviewing the following solution, which may help address your concern:
    https://wordpress.org/support/topic/gpay-apple-pay-express-button-appearence-rounded/#post-18130950

    We hope this proves helpful. Should you have any further questions, please don’t hesitate to contact us.

    Best regards,
    The 8Theme Team

    Avatar: Safe Desires
    Safe Desires
    Participant
    April 15, 2025 at 17:15

    The referenced solution of yours did not work. Even worse, there is no Stripe function shown in the checkout page. On the Elementor Edit screen, I can at least see Klarna as an option. On the official page, that option is not shown. In the page source, Stripe is called upon correctly:

    Avatar: Safe Desires
    Safe Desires
    Participant
    April 15, 2025 at 21:25

    See previous comment re: Stripe buttons (Google/Apple/Klarna) not appearing

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    April 16, 2025 at 07:21

    Dear @Safe Desires,

    Thank you for reaching out.

    Please note that the buttons in question are generated by third-party plugins. As such, we kindly recommend contacting the WooCommerce plugin’s support team directly for assistance with customizing the styles. You can submit a support ticket through the following link:
    https://woocommerce.com/my-account/create-a-ticket?select=18627

    We appreciate your understanding.

    Best regards,
    The 8Theme Team

  • Viewing 5 results - 1 through 5 (of 5 total)

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

Helpful Topics

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