CSS editor does not apply

Hello !

In this form, the rules edited in the CSS editor do not apply, do you know why? Thank you in advance!

I checked on your form and I noted that the injected custom CSS codes was for the imported custom font.

The custom CSS codes were still missing some necessary codes. 

I suggest you review our user guide on  : How to Use Google Fonts and Custom Fonts in your Form if you are interested in building a css form.

Let us know if you're still not able to make it work.

Thank you for your reply !

As you can see, in the editor, even after saving, the rules are not the same

I understand that you are trying to show us the issue using the 2 screenshots you shared in your last reply. However, I'm not sure I am seeing any difference between the two screenshots aside from the color of the field labels.

You mention something about rules that are not the same. And based on the CSS @import rule injected in your form, it appears that you are trying to change the font of your form. May we know what font are you trying to apply to your form, please?

We will wait for your response.

Hello Mike !

Thank you for your reply !

Indeed, I tried to change the font to put "Heebo" 

I also want to change something other than the font, and as you can see, the buttons and colors have changed, but do not apply on my form

Thanks for your help :)

May we know what else you want to change in terms of button and color?

Please share more details on your requirements. We will take a look at it.

Thanks.

Do you see the differences between the 2 screenshots? The CSS rules in the css editor do not apply to my form.

I emptied the jotform cache, the cache of my browser, nothing helps.

I don't know if you can access my css editor, you would see the modifications I want to make

I do not see any difference in both the screenshots you have shared. I also checked your form in designer and found that you have only added the following custom css code:

.form-label.form-label-top {

    text-size : 20px;

    font-weight : 300;

}

Please check the screenshot below:

The reason why this css is not being applied is because the css property is not correct. Please inject the following custom ccss code in your form and see if that makes any difference:

.form-label.form-label-top {

    font-size: 20px !important;

    font-weight: bold !important;

}

Hope this helps.

Do try it out and get back to us if you have any questions. You may also like to explain your requirement on what you want to change and we will try to help you.

We will wait for your response.