Form CSS: How can I remove the double lines next to the submit button?

  • mayasamrah7
    Asked on April 16, 2024 at 11:40 PM

    Hi,

    I cannot remove the double lines next to the submit button under the vintage star form and it is affecting the submit button during the phone previous, also blocking the submit button during preview.

    Jotform Thread 13962841 Screenshot
  • Raymond JotForm Support
    Replied on April 17, 2024 at 3:45 AM

    Hi Maya,

    Thanks for reaching out to Jotform Support. We can remove the line at the bottom of your form using some CSS codes. Let me show you how to do that:

    • In Form Builder, click on the Paint Roller icon on the right.
    • Next, under the Styles tab, paste the following codes into the CSS box.
    /* remove line on the bottom of the form  - 13962841*/
    .form-buttons-wrapper:not(.form-pagebreak):before {
     display: none;
    }
    .form-buttons-wrapper:not(.form-pagebreak):after {
     display: none;
    }
    /* Ends here */

    Form CSS: How can I remove the double lines next to the submit button? Image 1 Screenshot 20

    Feel free to test this cloned demo form or clone it to your account to inspect it further. We also have a guide on How to Inject Custom CSS Codes that you can check out.

    Give it a try and let us know if you need any help.

  • mayasamrah7
    Replied on April 18, 2024 at 12:40 AM

    Thank you very much!

    It worked!

 
Your Answer