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

  • Profile Image
    Asked 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?

    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.



  • Profile Image
    Answered 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.

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