Form Designer: Color changes do not seem to be saved

  • bodybuddies
    Asked on September 18, 2015 at 2: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! :)

    Jotform Thread 665350 Screenshot
  • Ben
    Replied on September 18, 2015 at 5: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.

  • bodybuddies
    Replied on September 20, 2015 at 5: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

  • Elton Support Team Lead
    Replied on September 21, 2015 at 4: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:

    Form Designer: Color changes do not seem to be saved Image 1 Screenshot 20

    If you want further changes, let us know.

  • bodybuddies
    Replied on September 21, 2015 at 6: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
    ...
  • Elton Support Team Lead
    Replied on September 21, 2015 at 8: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:

    Form Designer: Color changes do not seem to be saved Image 1 Screenshot 30

    Form Designer: Color changes do not seem to be saved Image 2 Screenshot 41

    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!