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

    can't see the borders of the headers bc color is white

    Asked by bfawcett on September 01, 2016 at 01:43 AM

    also, the top header is missing the top of it's border. i like the idea of putting color behind the header, but when i tried to add to just the first one, it ends dup on all the headers. how do you do only one? https://form.jotform.com/62438555449971

    also, van you change the heigh of the amount of color fill? may use in other headers of the form if the area it filled could be just a little above and below the text in the header.

    Thanks!

    PAm

    can't can JotForm fill thanks all
  • Profile Image
    JotForm Support

    Answered by Rose on September 01, 2016 at 04:27 AM

    To apply a background color only to one field instead applying all the field in same class ( header, tex-box etc whatever the type is), you need to use unique ID of that field. 

    If you inject following code, a background color in specific range  and a border will be applied to only the top Header. 

    #cid_1 div.form-header-group {

           border : 3px solid #00008b !important;

           background: linear-gradient(#ff00dd, #ffffff) no-repeat,

                          linear-gradient(#ff00dd, #ffffff) no-repeat;

          background-position:left top 20px, left bottom 20px;

          background-size:100% 60%;

     

    }


    Here is the screen shot of how it will be seen




    Please note that you can change color, border size, border color, position by editing above code. 

    Below guidance can direct you regarding how to inject above css code. 

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes


    If you need any further assistance by our side, please let us know. We would be pleased to help you.