Title: CSS problem and centering
Last modified: August 30, 2016

---

# CSS problem and centering

 *  Resolved [Rivalf7](https://wordpress.org/support/users/rivalf7/)
 * (@rivalf7)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/css-problem-and-centering/)
 * Hi! Thanks for the great plugin!
 * 1) The party field is huge (covers all the page, 100% width) and not like the
   other ones.
    2) How can i center all the form in to the middle of the page?
 * I am using a paid theme called “luxury villa”
    Thank you in advance
 * [https://wordpress.org/plugins/restaurant-reservations/](https://wordpress.org/plugins/restaurant-reservations/)

Viewing 7 replies - 1 through 7 (of 7 total)

 *  [NateWr](https://wordpress.org/support/users/natewr/)
 * (@natewr)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/css-problem-and-centering/#post-6372317)
 * Hi Rivalf7,
 * If you send me a link to your site I’ll take a look and see if I can help out.
 *  Thread Starter [Rivalf7](https://wordpress.org/support/users/rivalf7/)
 * (@rivalf7)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/css-problem-and-centering/#post-6372428)
 * Here you are
 * [http://bookingfb.mgourlis.webfactional.com/booking/](http://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!!
 *  [NateWr](https://wordpress.org/support/users/natewr/)
 * (@natewr)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/css-problem-and-centering/#post-6372456)
 * 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;
       }
       ```
   
 *  Thread Starter [Rivalf7](https://wordpress.org/support/users/rivalf7/)
 * (@rivalf7)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/css-problem-and-centering/#post-6372464)
 * 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.
 *  Thread Starter [Rivalf7](https://wordpress.org/support/users/rivalf7/)
 * (@rivalf7)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/css-problem-and-centering/#post-6372466)
 * 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…
 * [http://bookingfb.mgourlis.webfactional.com/booking/](http://bookingfb.mgourlis.webfactional.com/booking/)
 *  Thread Starter [Rivalf7](https://wordpress.org/support/users/rivalf7/)
 * (@rivalf7)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/css-problem-and-centering/#post-6372467)
 * 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;
 *  [NateWr](https://wordpress.org/support/users/natewr/)
 * (@natewr)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/css-problem-and-centering/#post-6372468)
 * 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.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘CSS problem and centering’ is closed to new replies.

 * ![](https://ps.w.org/restaurant-reservations/assets/icon-128x128.png?rev=2205491)
 * [Five Star Restaurant Reservations - WordPress Booking Plugin](https://wordpress.org/plugins/restaurant-reservations/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/restaurant-reservations/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/restaurant-reservations/)
 * [Active Topics](https://wordpress.org/support/plugin/restaurant-reservations/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/restaurant-reservations/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/restaurant-reservations/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [NateWr](https://wordpress.org/support/users/natewr/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/css-problem-and-centering/#post-6372468)
 * Status: resolved