Title: Booking Form Full Width issue
Last modified: August 8, 2018

---

# Booking Form Full Width issue

 *  Resolved [4nodestechnologies](https://wordpress.org/support/users/4nodestechnologies/)
 * (@4nodestechnologies)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/booking-form-full-width-issue/)
 * Hi
 * I have set Booking Form place holder tag in page but its show booking form at
   left side and signup form at right side. After hiding the signup form then that
   area shows blank. I want to set only booking form full width.
    Please someone
   guide me how could i set booking form only full width.
 * Thanks

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

 *  [Stonehenge Creations](https://wordpress.org/support/users/duisterdenhaag/)
 * (@duisterdenhaag)
 * [7 years, 8 months ago](https://wordpress.org/support/topic/booking-form-full-width-issue/#post-10589868)
 * Hi, Just another EM user here 😉
 * Add this to your css stylesheet:
 * #em-booking, .em-booking, .em-booking-form { width: 100% !important; }
 *  [capitanz](https://wordpress.org/support/users/capitanz/)
 * (@capitanz)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/booking-form-full-width-issue/#post-10636217)
 * I included
 * #em-booking, .em-booking, .em-booking-form { width: 100% !important; }
 * to style.css file of my Child theme but it din’t work.
 * Any idea?
 *  [Stonehenge Creations](https://wordpress.org/support/users/duisterdenhaag/)
 * (@duisterdenhaag)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/booking-form-full-width-issue/#post-10636225)
 * Please post the URL it concerns, so I can take a look
 *  [capitanz](https://wordpress.org/support/users/capitanz/)
 * (@capitanz)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/booking-form-full-width-issue/#post-10636263)
 * thank you:
 * [http://iberswim.com/cursos/curso-de-prueba/](http://iberswim.com/cursos/curso-de-prueba/)
 *  [Stonehenge Creations](https://wordpress.org/support/users/duisterdenhaag/)
 * (@duisterdenhaag)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/booking-form-full-width-issue/#post-10636310)
 * Okay, first of all, you REALLY need to get a SSL certificate for your website
   RIGHT NOW! You are collecting Credit Card data on a non-secure website! Anyone
   who takes security seriously would never, ever book on a insecure website.
 * That being said,
    Your form is 100% width, but the fields all have limited widths.
   🙂
 * Try (and play around with):
    .input-user-field label, .input-select label, .input-
   textarea label { width: 150px; }
 * To target the input fields, you will need to use css for that as well.
    [https://www.w3schools.com/css/css_form.asp](https://www.w3schools.com/css/css_form.asp)
 *  [capitanz](https://wordpress.org/support/users/capitanz/)
 * (@capitanz)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/booking-form-full-width-issue/#post-10636490)
 * Thank you very much.
 * We are still working on the web, we will accept only PayPal before we get SSl
   implanted.
 *  [capitanz](https://wordpress.org/support/users/capitanz/)
 * (@capitanz)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/booking-form-full-width-issue/#post-10637115)
 * Thank you for the tip. You encouraged me to do it anyway. Done! 😉
 *  [Stonehenge Creations](https://wordpress.org/support/users/duisterdenhaag/)
 * (@duisterdenhaag)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/booking-form-full-width-issue/#post-10638074)
 * Ah yes, this looks a lot better on your website now 🙂 Glad I could help.
 *  [capitanz](https://wordpress.org/support/users/capitanz/)
 * (@capitanz)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/booking-form-full-width-issue/#post-10669127)
 * Thank you for your help Patrick.
 * my events manager form still shows narrow in the web:
 * [https://ibb.co/i40RFU](https://ibb.co/i40RFU)
 * It would be nice if it could spread almost the whole width…
 * Any idea?
 * Thank you.
 *  [Stonehenge Creations](https://wordpress.org/support/users/duisterdenhaag/)
 * (@duisterdenhaag)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/booking-form-full-width-issue/#post-10669147)
 * Well, a screenshot doesn’t help as then you cannot lok at the code. But I’m guessing
   you need to make the label and input in-line.
 *  [capitanz](https://wordpress.org/support/users/capitanz/)
 * (@capitanz)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/booking-form-full-width-issue/#post-10669167)
 * Any post were I can see how to make the label and input in-line.?
 *  [Stonehenge Creations](https://wordpress.org/support/users/duisterdenhaag/)
 * (@duisterdenhaag)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/booking-form-full-width-issue/#post-10669199)
 * Do a simply Google search for form styling with css. But, remember that it still
   has to be responsive for mobile users as well.
 *  [capitanz](https://wordpress.org/support/users/capitanz/)
 * (@capitanz)
 * [7 years, 7 months ago](https://wordpress.org/support/topic/booking-form-full-width-issue/#post-10669248)
 * Thank you for that tip.

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

The topic ‘Booking Form Full Width issue’ is closed to new replies.

 * ![](https://ps.w.org/events-manager/assets/icon-256x256.png?rev=1039078)
 * [Events Manager - Calendar, Bookings, Tickets, and more!](https://wordpress.org/plugins/events-manager/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/events-manager/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/events-manager/)
 * [Active Topics](https://wordpress.org/support/plugin/events-manager/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/events-manager/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/events-manager/reviews/)

 * 13 replies
 * 3 participants
 * Last reply from: [capitanz](https://wordpress.org/support/users/capitanz/)
 * Last activity: [7 years, 7 months ago](https://wordpress.org/support/topic/booking-form-full-width-issue/#post-10669248)
 * Status: resolved