CSS for Product List element

Hi

I've made the following CSS to my Product list element increasing the font sizes of certain classes.

It appears correct on Build mode as below

But in Preview mode it does not appear the same. It appears with the defualt text size as below

Please suggest what I should do Thanks...

Also please advise how to increase the size of the .form-payment-total class i tried using

.form-payment-total {

  font-size : 22px;

};

It didnt work

Hello Farsheed,

Thanks for reaching out to Jotform Support. Please try putting !important; in your CSS properties to apply the CSS changes:

Here is the result:

Give it a try and reach out again if you have any other questions.

Thanks Jovanne, that worked!

now the only thing left is the increase the “Total 0.00INR” font size. I tried using

form-payment-total {

  font-size : 22px !important;

}; 

Still doesn’t work… any ideas?

Hello farsheed,

Thanks for your response. Please inject the CSS code below to increase the font size of the total amount label:

#total-text{

font-size: 32px !important;

}

Give it a try and let us know if you need help.

Nope CJ,

Still not working... Sorry

Hello farsheed,

Please inject the code below instead, to increase the font size of the total amount text.

.form-payment-price span {

font-size: 22px !important;

}

Give it a try and let us know if you need any more help.

Thanks Lorenz

That worked well….