Custom CSS doesn't work in preview form only in build page

  • Azitamous
    Asked on December 26, 2017 at 2:25 PM

    Hello,

    Thank you for the great framework.

    I was able to inject the new style to the css and save it. I am able to see the changes in my BUILD tab, however, when I publish the form and open it in new tab or embedded my custom css is not showing. I appreciate if you provide some advice.

    Thank you

    Best,

    Azita

  • Richie JotForm Support
    Replied on December 26, 2017 at 2:39 PM

    May we know what form your are referring and the css codes?

    Css codes doesn't work on some browsers because of its contents and code syntax. Try to preview your form after inserting your css codes and see the changes and adjust the codes to your preference. 

    Custom CSS doesnt work in preview form only in build page Image 1 Screenshot 40

    Also, please take note on the field id's that you need to use to target certain elements.

    Field Id's can be found on your element Properties then ADVANCED,

    Custom CSS doesnt work in preview form only in build page Image 2 Screenshot 51


    scroll down until you find Field ID's

    Custom CSS doesnt work in preview form only in build page Image 3 Screenshot 62

    Here is a sample css code using the Field Id.

    #input_3{

    color:red;

    }