Two column form with border bottom only

Hey everyone, 

I do I go from the template form to a two column form with a border on the bottom only form. 

Can't seem to find the code to do that...

Thank you so much!

Try this Custom CSS to start for two columns:

@media only screen and (min-width:1000px) {
  .field-list .field:nth-child(odd) {
    width: 48% !important;
    float: left !important;
    z-index:99999;
  }
  .field-list .field:nth-child(even) {
    width: 48% !important;
    float: right !important;
    z-index:99999;
  }
}
.form-field-shape-square.form-field-border-all .sqs-block-form .form-item input, .form-field-shape-square.form-field-border-all .sqs-block-form .form-item textarea {
  border-width:0px;
  border-bottom:2px solid #000;
}
.form-wrapper .field-list input, .form-wrapper .field-list textarea, .form-wrapper .field-list input:focus, .form-wrapper .field-list textarea:focus {
    background: transparent !important;
}

The borders look good, however the columns get a little crumped with all the info. 

But with work it can be a great solution! 

No that I have the content directly on the background I wanted to change the input color and apply the line to boxes also

15 minutes ago, BeaCG said:

The borders look good, however the columns get a little crumped with all the info. 

If you want a 2 column form then you'll want a wider form generally.

15 minutes ago, BeaCG said:

But with work it can be a great solution! 

Yep, that code gives you a good start.

If you need any specific help with changes and design, let me know.

Will the code supplied produce the attached results.  Also is it possible to reduce the row height, spacing and font size?  Will this two column form in Mobile show as a single column?

On 10/18/2024 at 11:50 PM, Mxyzptlk said:

Will the code supplied produce the attached results.  Also is it possible to reduce the row height, spacing and font size?  Will this two column form in Mobile show as a single column?

You can add these fields, then we use some CSS Grid to make it to 2 columns