Edit Additional CSS

[elena]

Heya, I’m using the WordPress Twenty Twenty Four theme and trying to edit the CSS of the .swpm_payment_button so that it looks like any other button as per our theme. Whenever I try and change any of the additional CSS (Appearance–> Editor–>Edit Styles–>Additional CSS) regardless of what I put it has no impact on the button (eg.:

.swpm_payment_button {
    color: #ffffff;
}

has no impact (I don’t want the button white, but it’s still not doing anything. Any advice on how to resolve this? Cheers

[admin]

Can you give reference to the payment button that you are trying to customize? Some elements of the buttons are from the payment gateway (such as PayPal) which the gateway doesn’t let you customize using your own CSS. So I need a visualization of which button you are referring to.

[elena]

Thanks for getting back to me: it is a Stripe SCA Subscription button.

[The Assurer]

Please look at this documentation section, which describes how to use CSS to customize Stripe SCA subsciption buttons:
https://simple-membership-plugin.com/sca-compliant-stripe-subscription-button/#:~:text=an%20existing%20member.-,Custom%20Style%20for%20the%20Stripe%20Subscription%20Button,-You%20can%20specify

[Author]

Posts