How to create a line input effect?

  • kyrenia
    Asked on December 6, 2016 at 11:25 AM
    Hi please can you advise onhow to create this line input effect , thanks
  • Jan
    Replied on December 6, 2016 at 12:11 PM

    It is possible to use a line effect instead of text boxes. Here's a custom CSS code:

    .form-textbox {
    background: transparent !important;
    outline-style: none !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: solid #000000 1px;
    box-shadow: 0 0 0 !important;
    -webkit-box-shadow: 0 0 0 !important;
    }

    Here's a guide on how to insert custom CSS on the form. Here's the result:

    How to create a line input effect? Image 1 Screenshot 20

    Hope this helps. Let us know if you need further assistance. Thank you.

  • kyrenia
    Replied on December 6, 2016 at 6:29 PM

    thanks