How do I correct the sub-total location on the products?

How can I get the subtotal to be in a consistent spot on all items?

If the title runs to 2 lines, it bumps the subtotal down and it's no longer aligned. Can this be corrected?

Hi PBB_portland,

Thank you for reaching out to Jotform Support. The following CSS code can be used to align the sub-total in the products:

span.form-product-item:nth-child(21) > div:nth-child(1) > div:nth-child(3) > span:nth-child(4) {

 top: 98%;

}

span.form-product-item:nth-child(38) > div:nth-child(1) > div:nth-child(3) > span:nth-child(4) {

 top: 98%;

}

I'll walk you through the steps to inject the CSS:

• Open the Form in the Form builder and go to the Form Designer from the top left of the page.
• Select Styles from the Form Designer tab.
• Paste the above code in the Inject Custom CSS space and Save the settings.
• 

We have a guide to inject CSS into the form.

Let us know if you need any more help.

Thanks, I added in the code and it did help with all but one item. Any idea why this one ( unscented magnetic clip strip) didn't change?

Hi Megan,

Thanks for getting back to us and I'm very sorry to hear that. I'll need a bit of time to look into this. I will be back shortly.

Hi Megan,

Thanks for patiently waiting. You can add the below code to your existing CSS to align the unscented magnetic clip strip with other products:

span.form-product-item:nth-child(29) > div:nth-child(1) > div:nth-child(3) > span:nth-child(4) {

top: 98%;

}

It should look like this afterward:

Let us know if you need any more help.