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

    Injected css code to make border white on headings and it is not visible at all.

    Asked by pardop1 on August 22, 2016 at 12:52 AM

    It's on this form https://form.jotform.com/62211613455952. I am sure there is another code in there that is causing the border not to be seen at all, but not sure how to fix. please make sure you keep the highlight effect of the fields on the form code in place otherwise you cannot see the fields when you are completing the form.

    Thanks,

    Pam

    css code Injected CSS not visible
  • Profile Image
    JotForm Support

    Answered by beril on August 22, 2016 at 03:49 AM

    To solve that issue you can inject the CSS code below:

    .form-header-group {

        border-color: #fff !important;

    }

    In addition to that, you need to uncheck the Hide bottom border option as you see below. At that time, it will work properly.

     

    If you have any question or issues, please do not hesitate contacting us. We will be glad to assist you.

  • Profile Image

    Answered by pardop1 on August 22, 2016 at 09:45 AM
    It is the top border i would like to see. I have happy with the bottom border being invisible. Please advise. The code did not make the top border white. It is still invisible.
    Thanks,
    Pam
    ...
  • Profile Image
    JotForm Support

    Answered by jonathan on August 22, 2016 at 10:10 AM

    Hi Pam,

    Can you please check this form https://form.jotform.com/62343792674969

    I have used this CSS code.

    #id_1 {

        border-bottom : 2px solid;

    }

     

    Is this how you wanted it to be?

    Describe more if its not so we can further work on it.

     

  • Profile Image

    Answered by pardop1 on August 22, 2016 at 12:45 PM
    this is not correct and it should deb for all the headers on the form, not just the first one. It should look like the ones in this form https://form.jotform.com/62210966277964 (the forms look similar, but are no the same).
    ...
  • Profile Image
    JotForm Support

    Answered by Charlie on August 22, 2016 at 02:05 PM

    Here's my cloned form: https://form.jotform.com/62345856563969. Is that the border style you would like to implement?

    If so, please use this CSS code instead:

    div.form-header-group {

        border-top: #fff 1px solid !important;

    }

     

    Please do remove the previous CSS that my colleagues shared to avoid conflict. You can clone my form to have a copy of it in your account and to see how it was setup.

    Let us know if that works.