-
moody_mooseAsked on March 5, 2025 at 2:22 AM
Hi,
I don’t like how the PayPal Personal widget describes my subscription options, so I have created my own under a Single Choice field.
However I can’t find a condition method that allows one to automatically select the corresponding option on the PayPal field. Nor can I see an option to hide the PayPal field.
Help please
Page URL: https://form.jotform.com/243504594315355 -
Gian JotForm SupportReplied on March 5, 2025 at 9:25 AM
Hi moody_moose,
Thanks for reaching out to Jotform Support. I see that you're selling subscriptions using the PayPal Personal integration. Currently, there's no option not to pass the value from your Single Choice field to the payment field.
If you want to hide certain elements from the payment field, we can inject CSS codes into the form instead of using the Single Choice field. Can you confirm if these texts are the ones you're trying to hide?
If so, we can inject these CSS codes:
#cid_80 > div > div:nth-child(10) > span.form-product-item.hover-product-item.new_ui.p_selected > div > div.form-product-container > span > span, #cid_80 > div > div:nth-child(10) > span:nth-child(3) > div > div.form-product-container > span > span, #cid_80 > div > div:nth-child(10) > span:nth-child(5) > div > div.form-product-container > span > span {
display: none
}
Let me show you how to inject the CSS codes:
- In the Form Builder, click on the Paint Roller icon.
- In the menu on the right, go to Styles.
- Scroll down and paste the code.
Here's the result:
Give it a try and let us know if you need any help.
-
moody_mooseReplied on March 5, 2025 at 6:35 PMHi,
Thanks for this solution. I have applied it however the subtext for first payment option still displays when clicking the other options?
Thanks
... -
Gian JotForm SupportReplied on March 5, 2025 at 6:53 PM
Hi moody_moose,
Remove the first code I provided and replace it with the codes below:
#cid_80 > div > div:nth-child(10) > span:nth-child(1) > div > div.form-product-container > span > span, #cid_80 > div >
div:nth-child(10) > span:nth-child(3) > div > div.form-product-container > span
> span, #cid_80 > div > div:nth-child(10) > span:nth-child(5) > div > div.form-product-container > span
> span {
display : none;
}
Here's the result:
Let us know if there’s anything else we can help you with.
-
moody_mooseReplied on March 5, 2025 at 7:55 PMThank you very much
... -
moody_mooseReplied on March 5, 2025 at 10:20 PM
-
Karlo JotForm SupportReplied on March 6, 2025 at 7:03 AM
Hi moody_moose,
I answered your other question on a new thread. You can go ahead and check that out here.
Let us know if there’s anything else we can help you with.