format form field boxes so they are just lines

  • Profile Image
    Asked on October 03, 2017 at 04:41 PM

    Hi, I'd like to make a minimalist form that has data fields as lines (not boxes). Can I do this? would it just be a CSS thing? (if so what might that be?) 

    Basically as simple as this: 

    Name ________________________

    Email ________________________   Phone ______________

    Thanks, I couldn't find anything in the forum or support.

  • Profile Image
    Answered on October 03, 2017 at 05:41 PM

    If you want all text box style inputs to only have the bottom border, add the following code to your form:

    .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input {

        box-shadow: 0px 0px 0px !important;
        border-top : none;
        border-left : none;
        border-right : none;


    Here is quick example form to show how it would look:

  • Profile Image
    Answered on October 04, 2017 at 01:43 PM
    Hi David,
    Thank you for the quick response, that's prefect!