CSS: How to remove borders of Header & How to change Header and Sub-header fonts?

  • elks317rv
    Asked on August 1, 2020 at 4:56 PM

    I was surprised to see horizontal borders in my header after cloning another form of mine that did not have them. How do I get rid of them? I unchecked the border box in the advanced builder but it didn't remove them.

    Also, I want to use one font for headers and subheaders, and another for text body. What to put in css editor?

    thank you!

  • Amin JotForm Support
    Replied on August 1, 2020 at 7:16 PM

    The form in question has no horizontal borders.

    Are you referring to the Header borders shown below?

    1596322891screenshot form Screenshot 10

    If so, kindly note that you can remove them by injecting the following CSS code into your form:

    .form-header-group{
       border-bottom: 0px;
       border-top: 0px;
    }

    Result:

    1596323684Screenshot 2020 08 02 Fish Chi Screenshot 21

    Related guide: How-to-Inject-Custom-CSS-Codes

    My demo form: https://form.jotform.com/202137015265950

  • Amin JotForm Support
    Replied on August 1, 2020 at 7:25 PM

    To change the font family of Sub-headers only, kindly inject the following CSS code into your form:

    #subHeader_85{
     
      font-family: Sans-Serif
    }

    Note that every Sub-header has a unique CSS ID.

    Result:

    1596324279screenshot www Screenshot 10Does this answer your question?