How to change the text displayed in the Stripe subscriptions with multiple options?

Ok, I am now trying to do this same thing on a form with multiple options.  The code you provide replaces all the span content with the same thing though.  Is there a way to do this on a form with multiple subscriptions?

Form Link: https://form.jotform.com/62625075846159

This part is little tricky since we have all the products with the same class. Please inject the following CSS code to make the necessary changes as in the earlier form.

span.form-product-details {

display: none;

}

.form-product-item:nth-of-type(1) .form-product-name:after {

content: ' - $504.00 for each year';

}

.form-product-item:nth-of-type(2) .form-product-name:after {

content: ' - $46.00 for each month';

}

.form-product-item:nth-of-type(3) .form-product-name:after {

content: ' - $36.00 for each month';

}

.form-product-item:nth-of-type(4) .form-product-name:after {

content: ' - $384.00 for each year';

}

.form-product-item:nth-of-type(5) .form-product-name:after {

content: ' - $26.00 for each month';

}

.form-product-item:nth-of-type(6) .form-product-name:after {

content: ' - $276.00 for each year';

}

After injecting the following CSS code to the form, the products/subscriptions shall be displaying as below:

Hope this information helps! 

Thank you Kiran, that worked perfectly.

One more question,

Your other question is moved to a separate thread and shall be addressed there shortly.

https://www.jotform.com/answers/937379

Thank you!