Woocommerce booking

Question

Does anybody know how can change person type fields like this: ?

Currently it looks like this:
Original

thank you.

it's not clear.. can you describe in details ? – Suman Biswas Feb 05 '20 at 04:36 — Suman Biswas, Feb 05 '20 at 04:36
I want to move the fields beside each other @SumanBiswas – MajidoRc Feb 05 '20 at 05:40 — MajidoRc, Feb 05 '20 at 05:40

score -1 · Accepted Answer · answered Feb 05 '20 at 06:40

.wc-bookings-booking-form .form-field input[type=number] {
    width: 55%;
}
.wc-bookings-booking-form .form-field {
    float: left;
    width: 30%;
}

Although changing the 'field' view using CSS isn't recommended, you can copy & paste the above CSS in your style.css file and then click on Update file to save the changes. It'll shift the alignment from vertical to horizontal.

Note: You probably have to adjust the values(%) based on your website's page. Alternatively, you could use another WooCommerce bookings plugin to display the participants/people field in a better and more recommended way.

Hope this helps! :)

thank you but I try this before it's changed same [this](https://prnt.sc/qxqn10) and i used another plugin too they have many problems for my job :) — MajidoRc, Feb 05 '20 at 06:56

Woocommerce booking

1 Answers1