Issue with time

Hello Mimy,

Could you try the following Custom CSS for the party size

.rtb-booking-form fieldset div:first-of-type {
    margin-left: 0;
}
.rtb-booking-form fieldset div:last-of-type {
    margin-right: 0;
}
fieldset.reservation > div, fieldset.contact > div {
    width: 32%;
    float: left;
    margin: 0 calc(4%/4);
}
.rtb-booking-form fieldset select {
    height: 44px;
}

and the following for background of Party drop-down

.box-shadow .rtb-booking-form fieldset select option {
    background-color: rgb(19 19 23);
}

and this one to hide the disabled times.

#rtb-time_root li.picker__list-item.picker__list-item--disabled {
    display: none;
}

Make sure to remove your exactly matching, existing CSS rules otherwise you would have to use !important, which should be avoided when possible.

To change the time format, our plugin has its own format setting at:
plugin Settings -> Basic -> Booking Form -> Time Format

Just so we have a better understanding of the time interval situation, what is the current Schedule configuration in the back-end and what ideal schedule are you trying to set up?

Thanks

• This reply was modified 2 years, 8 months ago by jssupport.