Font on Membership Payment page

Hi,
The font on my Membership Payment page that describes the payment is an odd font - it looks clunky like an old typewriter. I do not (to my knowledge) have this type of font set in my css, so am confused why this one sentence has this odd looking font…and I cannot figure out how to change it.
https://www.keytobeing.net/membership-payment-3/ (for an example)
thanks so much for any help

If CSS doesn’t help, then you can add a new template in your child theme root directory. I have a file called stripe-checkout-form.php there that changes lots along with custom CSS.

Thanks for your reply - I’m afraid I am not well versed in CSS so do not know how to add a template in my child theme root directory…any help is appreciated.

Do you mean this part?

Screenshot%202023-04-09%20at%2011-57-47%20Yearly%20Plan%20Payment%20Yoga%20Pilates%20%26%20SOMA%20Breath

It appears to be using the same font (Rosario) as the rest. Could you show me a screenshot of what it looks like on your side?

:slight_smile:

Thanks so much for your reply. No I do not mean what you pasted as a screenshot, I added that because the text itself was so ugly. The text I managed to reduce to an asterisk (*), but I cannot remove it entirely from the shortcode because it gives me an error saying “description missing”. I wish I could just take it out as I like the new text I added.

Thank you very much in advance for any help…!
Axinja

Here is what it used to look like: image

And here is what you see now (the asterisk) - it is small, but looks weird, so needs to be gotten rid of:
image

I see…

Well, you can style it using the s2member-pro-paypal-checkout-form-description-div id selector…

#s2member-pro-paypal-checkout-form-description-div {font-family: Rosario !important;}

And if you want to hide it instead, then…

#s2member-pro-paypal-checkout-form-description-div {display: none;}

Screenshot%202023-04-11%20at%2014-36-57%20Yearly%20Plan%20Payment%20Yoga%20Pilates%20%26%20SOMA%20Breath

But even if you don’t show it there, it’s good to have something meaningful in the pro-form’s desc, because it’ll be used to describe the charge.

:slight_smile:

Thank you, thank you, thank you…I have spent so much time trying to get this tiny change done!
I really appreciate your help :slight_smile:

1 Like

Just one question: if I understand correctly, you are saying it is better not to use the “none” option for description-div? Why is that? Thank you again!

You can hide it, but do have a value for it in the shortcode, because that’s the description used in the charge. Otherwise it’d be blank, and the customer won’t see what the charge is for in his statement, and you won’t see it either. Keep the description, even if you want to use the customized description above the pro-form in green.

Does that make sense? :slight_smile:

I see, thank you very much for explaining this to me!
:blush::blush:

1 Like

Hello @clavaque, I am sorry to bother you with this again. I am switching from PayPal to Stripe, because I want to avoid the 30€ monthly fee for enableing recurring payments.
Now I have the same font issue for the Stripe form - however, I cannot find the same type of code in the style.css for Stripe. All I find is code for PayPal - thank you in advance for your help.

Did you try this?

#s2member-pro-stripe-checkout-form-description-div {font-family: Rosario !important;}

or

#s2member-pro-stripe-checkout-form-description-div {display: none;}

:slight_smile:

Wonderful, thank you @clavaque!! :slight_smile:

1 Like