CSS problem and centering

Hi Rivalf7,

If you send me a link to your site I’ll take a look and see if I can help out.

Here you are

https://bookingfb.mgourlis.webfactional.com/booking/

I would like 2 things:

1) All the booking form in the middle with a decent size like 30% of the page

2) The party field to be normal like the others

If you need access i can provide you the username and password through an e-mail address that you can give me

Thank you!!

Hi Rivalf7,

Try the following CSS:

.rtb-booking-form {
  max-width: 20em;
  margin: 0 auto;
  text-align: center;
}

.rtb-booking-form input[type="text"],
.rtb-booking-form input[type="email"],
.rtb-booking-form input[type="tel"],
.rtb-booking-form .minict_wrapper {
  display: inline-block;
  max-width: 15em;
}

Thank you for the answer.

Another problem i saw is that the CSS file (restaurant-reservations/docs/style.css) is “inactive” and whatever change i make, nothing change.

No its ok i solved. I used FTP to fix these settings. Please NateWr take a look again. As you see everything i aligned except the fields…

https://bookingfb.mgourlis.webfactional.com/booking/

Sry for my post again. I found the solution and i will write it in order for other people that want the same modification.

.rtb-booking-form {
max-width: 20em;
margin: 0 auto;
text-align: center;
}

.rtb-booking-form input[type=”text”],
.rtb-booking-form input[type=”email”],
.rtb-booking-form input[type=”tel”],
.rtb-booking-form .minict_wrapper {
display: inline-block;
max-width: 15em;
}
.rtb-booking-form input {
width: 100%;
max-width: 30em;

Hi Rivalf7,

Glad you were able to get something you’re happy with. That last bit of CSS could be dangerous if you ever added a checkbox or radio input button to your form. But if it’s working for you that’s fine.