CSS: Forms without Boxes (underline)

  • InPower
    Asked on October 21, 2018 at 2:14 PM

    Hi contracts are more powerful when you don't put information in boxes, it means that you take the words off the page and isolate them in a box. Legal stuff. Is there a way to remove the boxes and use a line? 

  • AshtonP
    Replied on October 21, 2018 at 2:19 PM

    Hi, @Inpower,

    Currently, I do not see any field appearing inside a box in your form -  https://www.jotform.com/82915721448361 

    Could you point to the field that you want to appear as a paragraph in a line? 

  • InPower
    Replied on October 31, 2018 at 4:43 PM
    El 2018-10-21 13:19, JotForm escribió:
    ...
  • AshtonP
    Replied on October 31, 2018 at 5:54 PM

    I reviewed all your form, it appears to all input fields have dotted lines instead of boxes. Lets us know should you need further assistance. 

  • InPower
    Replied on November 8, 2018 at 9:57 AM

    Hi I still don't have my question answered. I am looking to use any theme and remove the boxes. My options are limited to only one theme at the moment, this one has dots. Plus when I have moved over to PDF builder everything has boxes. This is not a good thing for contracts. Is there any CSS code I can enter to remove them?

  • arthurprc
    Replied on November 8, 2018 at 11:35 AM

    Here is the CSS code to remove the text boxes in any template:

    .form-textbox {

        border : 0px solid #000000;

        border-bottom-width : 1px;

        background-color : transparent;

    }


    How to inject custom CSS code