What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Extra stylesheets attached to form and extra non used CSS

    Asked by newschool on March 01, 2016 at 10:55 AM

    We are finding extra stylesheets attached to our form that have old css styles that we are fighting to overwrite. We also have noticed a lot of extra CSS that is not needed that we would like to remove 

    Is there any way to get rid of these old sheets and the extra unused CSS so we can have a clean & lean stylesheet, in a manner that does not use the "source code option.

    this is the form we are working on, but many have this issue

    https://form.jotform.com/60594826816163

    TNS

    Page URL:
    https://form.jotform.com/60594826816163

    attached and used JotForm source
  • Profile Image
    JotForm Support

    Answered by Charlie on March 01, 2016 at 12:17 PM

    May we know if you have applied a theme on your form? If you did, then you cannot directly edit or remove the styling of that theme. What you can do is reset your styling by doing the following:

    1. First, if you have custom CSS codes that you have created, then copy it and paste it on a text editor as a backup.

     

    2. Navigate to Preferences->Form Styles->"Themes" set it to "Default" and delete all the CSS code under the "Inject Custom CSS" option.

     

    3. After that, open this default theme and apply it in your form: http://www.jotform.com/theme-store/theme/default-theme 

    4. Paste your copied custom CSS code back in your Form Designer Tool and make some adjustments with your own styling. 

     

    You now have a form with a clean theme. Although there are still stylesheets and other CSS code that will be loaded in our end, that's because forms has a default styling, positioning, and they are by default mobile responsive, so you cannot overwrite those defaults.

    I hope that helps.