css does not apply to form

  • Profile Image
    JeffreySmith
    Asked on March 03, 2016 at 01:15 PM

    I have gone into the designer and added some css code, which saves and previews correctly within the designer. But when viewing form (shared embedded code) the form does not honor css. What I am doing wrong?

  • Profile Image
    BJoanna
    Answered on March 03, 2016 at 02:50 PM

    Is this the form you are working on http://www.jotform.com/60624029106144

    I have inspected your form and I saw that CSS code you added inside of Form Designer is not applied when form is previewed. 

    To resolve this issue all you need to do, is to add !important rule for each line of your code. 

    .form-header {

        color : #426eb3!important;

        font-size : 14px!important;

    }

    .form-subHeader {

        font-size : 12px!important;

    }

    On my cloned form I have added  !important rule.

    Here is my cloned form: https://form.jotform.com/60625820048957 

    Feel free to clone it

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image
    JeffreySmith
    Answered on March 03, 2016 at 03:31 PM

    Thank you BJoanna, that did trick!

  • Profile Image
    BJoanna
    Answered on March 03, 2016 at 04:36 PM

    You're welcome.

    Feel free to contact us if you have any other questions.