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

  • bfawcett
    Asked on September 1, 2016 at 1: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

  • Rose
    Replied on September 1, 2016 at 4: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

    cant see the borders of the headers bc color is white Image 1 Screenshot 20


    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.