How to change form fields style to lines instead of boxes

  • reachmyagency
    Asked on August 1, 2025 at 2:16 PM

    How can I print a hard copy of my form without the boxes included? The screenshot below shows the form with the boxes as a ready to print pdf. How can we take those boxes away and make lines to write on instead?

    Jotform Thread 29644671 Screenshot
  • Mikhail JotForm Support
    Replied on August 1, 2025 at 2:47 PM

    Hi Kalitha,

    Thanks for reaching out to Jotform Support. You can add a CSS code to change the fields' boxes to lines. Let me show you how it's done:

    1. Open your form in Form Builder and click on the blue Paint Roller icon on the right side of the screen.
    2. Under the Styles tab, paste the code below into the Inject Custom CSS area.
    /* Change the fields style from boxes to lines - 29644671 */
    .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input {
        box-shadow: 0px 0px 0px !important;
        border-top : none !important;
        border-left : none !important;
        border-right : none !important;
    }

    How to change form fields style to lines instead of boxes Image 1 Screenshot 40

    Then, you can enable the print button to print your form with the Print Button feature. Let me show you how to do it:

    1. In Form Builder, find your Submit button and click on the Submit field.
    2. Click on the Gear icon on the right side of the field to open the Properties window.
    3. Click the Advanced tab.
    4. Then, toggle the Print Button option to the On position. How to change form fields style to lines instead of boxes Image 2 Screenshot 51

    This is what it looks like when the Print button is clicked:

    How to change form fields style to lines instead of boxes Image 3 Screenshot 62

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

Your Reply