How to change line color of the header in my form?

  • phillipsmgmt
    Asked on March 7, 2019 at 10:16 AM

    Trying to find the CSS code to change the line color that pops up underneath the header.


    Also, is there some sort of CSS code library where I can reference/build things on my own without askinging a question each time?

  • Bojan_R
    Replied on March 7, 2019 at 11:42 AM

    You can inspect your form (right click mouse on form+ go to "inspect") where you can see the "tag" you want to correct.

    Then go to (1)"form designer" >> (2)"CSS">> (3) In "Inject Custom CSS" enter your correction>>(4)Click "SAVE".1551975962css code Screenshot 10

    Also, you can change your form design using "Advance CSS editor". See demo:

    1551976458CSS designer Screenshot 21

    Look at these tutorials which can help you:

    1) How-to-Inject-Custom-CSS-Codes

    2) Customize-Your-Form-Using-Custom-CSS-Codes

    We tried to find out what form you want to change. There is a lot of forms on your account. Please send us the link of the form you want to do changes. 

  • phillipsmgmt
    Replied on March 27, 2019 at 10:25 AM

    Tried this but was unable to click the line within the header. Form that I am trying to update lines underneath the header is titled "Clone of Notice To Vacate | University Crossing"


    Thanks.

  • David JotForm Support Manager
    Replied on March 27, 2019 at 12:57 PM

    You can change it through CSS injection, please use this code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    .form-header-group {

        border-color: "your color here" !important;

    }

    Example:

    .form-header-group {

        border-color: red !important;

    }

    Result:

    1553705764red Screenshot 10

    Let us know if you need more help.