contact form fields side by side - dropdown and checkbox

Site URL: https://www.yourtravelstyle.com/form-inquiry-dive

I was able to make text fields to be side by side. I couldn't make it work for these fields. Help!

• Date and text side by side
• Checkbox side by side
• Dropdown list side by side

Hoping to do this for these fields. See screenshot.

Thanks in advance!

Add to Form inquiry page Settings > Advanced > Header

<style>
  @media screen and (min-width:641px) {
  .form-wrapper .field-list .field:nth-child(n+9) {
    float: left;
    width: 25%;
}
.form-wrapper .field-list .field:nth-child(n+13) {
    clear: left;
}
  }
</style>

You want Date, Other travel - what is your price side by side, or only date + other travel?

You want: checkbox + text + checkbox side by side or checkbox + checkbox?

Thanks for this! Only getting back to fixing this now. I was hoping to get checkbox + checkbox next to each other. 

Is there a fix for this yet? I too need to stack checkboxes. This code stacked my "text" fields. I would love to see the code to this too.

On 10/14/2022 at 4:10 AM, TracyM said:

Is there a fix for this yet? I too need to stack checkboxes. This code stacked my "text" fields. I would love to see the code to this too.

If you share link to page where you use form, we can help easier