CSS doesn't seem to work when embedding?

  • bloomfieldknoble
    Asked on March 14, 2017 at 2: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

    Jotform Thread 1091380 Screenshot
  • Kevin Support Team Lead
    Replied on March 14, 2017 at 3: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: 

    CSS doesnt seem to work when embedding? Image 1 Screenshot 20

    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. 

  • bloomfieldknoble
    Replied on March 14, 2017 at 4:51 PM

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