About CSS customizing of Payment Popup

[riosa]

Hello,

Regarding the color of the button of Payment Popup, I’ve tried to change the color using css, but following selectors didn’t work for it.
https://pasteboard.co/JXznMoU.png

I would be happy if you could give me an advice what selector should I use.

<tried selectors>
“#submit-btn”
“.pure-button, .pure-button-primary”
“.pure-button-primary, .pure-button-selected, a.pure-button-primary, a.pure-button-selected”

<tried property>
background-color: #000 !important;

I referenced following article:

Customizing the Payment Popup Using CSS

Thank you for your corporation.
Regards,

Riki

[ovidiubica]

That’s easy, try this …

button#submit-btn.pure-button {
    background: #000000;
}

[riosa]

Thank you for your quick support!
I tried the one with “!important” but still didn’t work.

Following is the site page. Also WP theme is “Twenty Twenty” and I’m using as almost default. [torihom.com/paymentdemo]

Is there other way to change the color?

Thank you,

[ovidiubica]

The code above should work if you put it inside Stripe Payments – Settings – Advanced Settings – Payment Popup Additional CSS

[riosa]

The code worked well as you advised.
Thank you so much for your support!

[ovidiubica]

No problem, your CSS was probably fine except the payment popup loads an iframe which is no longer accessible using CSS from outside the frame. The plugin option loads the CSS inside the iframe.

[Author]

Posts