Extra stylesheets attached to form and extra non used CSS

  • newschool
    Asked on March 1, 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

  • Charlie
    Replied on March 1, 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.

    Extra stylesheets attached to form and extra non used CSS Image 1 Screenshot 30

     

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

    Extra stylesheets attached to form and extra non used CSS Image 2 Screenshot 41

     

    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.