2 column view and add message field

Hi @dhoitink,

The aantal select field is very wide because of some CSS on your theme. Here’s some quick CSS code you can use to put the booking form into two columns:

.rtb-booking-form {
    max-width: 30em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.rtb-booking-form fieldset {
    float: left;
    max-width: 50%;
    padding-left: 1em;
    padding-right: 1em;
    text-align: left;
}

If you want to show the message field by default, add this CSS code:

.rtb-booking-form .add-message {
    display: none;
}

.rtb-booking-form .message {
    position: relative;
    top: auto;
    left: auto;
}

Thanks Nate!, it now splits up in 2 columns.
Not sure why, https://goo.gl/bLhexO , but the columsn are really small.
I’ve put a line on top, which has to normal 100%, but the 2 columns are only 25% of the total width…

Also the message part is not expanded by default. Any idea?

Thanks again!

Hi @dhoitink,

This is because of the following CSS rule, which sets a thin max width:

`
.rtb-booking-form {
max-width: 30em;
}
`

I included that to keep the form from stretching too wide. But you can widen that as much as you’d like by increasing the 30em.