Border not showing on the form

  • Jonneal3
    Asked on July 23, 2017 at 6:37 PM

    look at this form:

    https://form.jotform.us/71944857681168

     

    Why isnt the border showing?

    Also,

    if I have a multistep form, with a part 1 and part 2,

    what should the thank you URL be (in this example above with the orthodontics quiz part 1

    and 2) for part 1, if I want part 1 to go to part 2, but part 2 is a separate landing page with the form 

    on that landing page as HTML source code?

     

  • jonathan
    Replied on July 23, 2017 at 7:07 PM

    Can you please describe more which border you were referring to. I reviewed your form and I see the border around the form.

    Border not showing on the form Image 1 Screenshot 20

     

    We will resolve the other question on a separate thread here https://www.jotform.com/answers/1206219

     

  • Jonneal3
    Replied on July 25, 2017 at 7:07 PM

    Go look in the CSS code... It should be a thicker black border with that script... It wont show on the live form

  • jonathan
    Replied on July 25, 2017 at 8:33 PM

    Thank you for the explanation. I now see what you meant.

    Border not showing on the form Image 1 Screenshot 20

     

    Allow me more time to check and figure out the correct CSS codes needed. I'll be back shortly.

  • jonathan
    Replied on July 25, 2017 at 8:57 PM

    Please change the CSS codes to this

    .supernova .form-all, .form-all {
        border: 1px solid black;
    }

    Result:

    Border not showing on the form Image 1 Screenshot 20

     

     

  • jonathan
    Replied on July 25, 2017 at 9:05 PM

    You can also review my test form https://www.jotformpro.com/72058304344956

    This are the CSS codes I used.


    .supernova .form-all, .form-all {
        margin : auto !important;
        text-align : center !important;
        border: 1px solid black;
    }

    .form-pagebreak-back-container {
        display : none !important;
    }

    .form-header,.form-subHeader,.form-label,.form-label-auto,.form-label-top {
        text-align : center !important;
        width : 100% !important;
    }

    .form-sub-label-container {
        left : 15% !important;
        position : relative;
    }

    [data-type="control_phone"] .form-sub-label-container:first-child {
        margin-left: 23% !important;
        position: relative !important;
    }

    I hope this help. Let us know if you need further assistance.