Remove the gray bar below the Heading

  • mike_fremont
    Asked on September 3, 2024 at 11:28 AM
    When you add a heading Is there ways to add items to that section above the gray bar or remove that gray bar with the heading?
  • Jefferson JotForm Support
    Replied on September 3, 2024 at 12:34 PM

    Hi Mike,

    Are you trying to remove the gray line below the Heading? Please see the screenshot below:

    Remove the gray bar below the Heading Image 1 Screenshot 30


    If yes, then you inject a custom CSS code into your form to do that. Let me show you how:

    Copy the custom CSS code below to be used in the next step:

    .form-header-group {
    border-bottom: none;
    }
    1. In your Form Builder, click the Paint Roller icon.
    2. In the Form Designer Properties, go to the Styles tab and paste the code in the Inject Custom CSS area. You will then see that the gray bar below the header is now hidden. Remove the gray bar below the Heading Image 2 Screenshot 41

    Give it a try and let us know how it goes.

Your Answer