Removing the border lines below header and above submit button

  • Sven_marketing
    Asked on April 30, 2024 at 6:42 PM

    Hello there,
    Can you provide me the code snippet(s) necessary to remove the lines below the header and above the submit button?

    Removing the border lines below header and above submit button Image 1 Screenshot 20

  • Rene JotForm Support
    Replied on April 30, 2024 at 8:01 PM

    Hi Sven,

    Thanks for reaching out to Jotform Support. Please inject the custom CSS code below into your form to remove the border line below the form header and above the submit button:

    .form-header-group {
    border-bottom: none;
    }
    .form-buttons-wrapper {
    border: none !important;
    }


    Let me show you how to do it:

    • In Form Builder, click the Roller icon located on the right side of the page.
    • On the Form Designer panel on the right, click on the Styles tab.
    • Hover over to the Inject Custom CSS field and paste the CSS code provided above.

    Removing the border lines below header and above submit button Image 1 Screenshot 20

    That's it. Let us know if there's anything else we can help you with.

  • Sven_marketing
    Replied on April 30, 2024 at 8:48 PM

    Thank you


 
Your Answer