CSS doesn't seem to work when embedding?

  • Profile Image
    bloomfieldknoble
    Asked on March 14, 2017 at 02:22 PM

    Hi. In creating this form <script type="text/javascript" src="https://form.jotformpro.com/jsform/70725730447962"></script> I am trying to hide the label, center the text boxes and button and do some minor CSS editing. However, when i preview or embed onto my site, the CSS is not rendering.

    Am I missing something?

     

    thanks

    chris

    bloomfield knoble

  • Profile Image
    Kevin_G
    Answered on March 14, 2017 at 03:40 PM

    The injected CSS code you be reflected when you embed your form the same way as when you preview it. 

    I've checked your form and I can see it shows a different version than the one shown on your screenshot: 

    I've already cleared your forms cache in order to load the last version, could you please try to preview your form again? 

    If possible, please try on incognito mode, this way you will not be loading a cached version of it. 

    Do let us know how it goes. 

  • Profile Image
    bloomfieldknoble
    Answered on March 14, 2017 at 04:51 PM

    Thanks Kevin. It works now. I also just added !important to all the CSS edits and that seemed to do the trick.