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

    Form Designer: Color changes do not seem to be saved

    Asked by bodybuddies on September 18, 2015 at 02:03 PM

    Hi. I'm trying to change the colors in my form called Client Enrollment Form. I want a white background with light grey entry fields and black text. It won't change in preview or after saving at all. Please help! :)

    Screenshot
  • Profile Image

    Answered by Ben on September 18, 2015 at 05:26 PM

    I see the changes that you have made that should have set the background color to white, but the reason why they were not applied was importance.

    Now the following CSS will help you resolve this:

    .supernova div.form-all {
        background: none transparent;
    }

    There is a very important thing to note however and that is that you should add that CSS code under all code in your custom CSS field. Which you can find by following these steps: Inject Custom CSS Codes

    Do let us know how it goes.

  • Profile Image

    Answered by bodybuddies on September 20, 2015 at 05:17 PM

    Hi, I injected the CSS and the theme changed, but several boxes did not...

     

    Please see Country, Date of Birth, etc.

    http://form.jotform.us/form/31395646681160

  • Profile Image
    JotForm Support

    Answered by EltonCris on September 21, 2015 at 04:30 AM

    Inject this CSS codes to your form, this should correct all input field styles.

    .form-textbox, .form-textarea, .form-dropdown {

        background: #D3D3D3;

        padding: 6px;

        color: #000;

        font-size: 12px;

        border-radius: 6px;

        box-shadow: none;

    }

    Just follow the same guide provided by my colleague on how to inject CSS codes.

    Result:

    If you want further changes, let us know.

  • Profile Image

    Answered by bodybuddies on September 21, 2015 at 06:47 PM
    Thank you. That worked. Do you mind telling me why that was needed? Do I
    need to inject that code to every one of my forms to have them look the
    same way? I want all of my forms to resemble this form. What is the
    fastest way to do that?
    Kristy Jo Hunt
    CPT/FNS/Author
    www.body-buddies.com
    ...
  • Profile Image
    JotForm Support

    Answered by EltonCris on September 21, 2015 at 08:24 PM

    You are using custom themes on that form that's why inject CSS is necessary for that form. However, when you create forms from scratch, you can use the Designer to style the input fields according to your preference. It would be fast and easy. :)

    Example:

    You can also select existing themes that perfectly fits the design you want here without a need of modification. https://www.jotform.com/theme-store/

    Thanks!