Form Designer: Color changes do not seem to be saved

  • Profile Image
    bodybuddies
    Asked 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
    Ben
    Answered 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
    bodybuddies
    Answered 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
    EltonCris
    Answered 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
    bodybuddies
    Answered 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
    EltonCris
    Answered 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!