Why is our them not applying design changes made?

  • Profile Image
    PalmerLakeVFW3915
    Asked on January 26, 2018 at 12:37 PM

    https://www.jotform.com/build/43338288006153

    I am trying to change the grey in my form to all white. However elements continue to stay grey no matter what I do.


    When editing it every thing look correct, but when I preview the form, or view it published it is all messed up.

  • Profile Image
    TREVON
    Answered on January 26, 2018 at 01:53 PM

    Apologies for any inconveniences caused.

    Kindly try injecting the following CSS code to your form.


    .form-input-wide {
        -moz-border-radius: 0 0 5px 5px;
        -webkit-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
        background: none repeat scroll 0 0 #ffffff;
        border: 1px solid #ffffff !Important;
        padding: 6px;
    }
    .form-label-top {
        -moz-border-radius: 5px 5px 0 0;
        -webkit-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        padding: 6px;
        background: none;
        border: 0px solid #777;
        border-bottom: none;
        margin: 0;
            margin-bottom: 0px;
        width: auto !important;
        display: block;
    }

    This will remove the background and header borders.

    Alternatively you can clone the form below which is a clone of your form but with the background issue fixed.

    https://form.jotform.com/80255174112952

    Kindly do let is know if you need further assistance.