Booking Form Full Width issue

Hi, Just another EM user here ??

Add this to your css stylesheet:

#em-booking, .em-booking, .em-booking-form { width: 100% !important; }

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?

Please post the URL it concerns, so I can take a look

thank you:

https://iberswim.com/cursos/curso-de-prueba/

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

Thank you very much.

We are still working on the web, we will accept only PayPal before we get SSl implanted.

Thank you for the tip. You encouraged me to do it anyway. Done! ??

Ah yes, this looks a lot better on your website now ?? Glad I could help.

Thank you for your help Patrick.

my events manager form still shows narrow in the web:

https://ibb.co/i40RFU

It would be nice if it could spread almost the whole width…

Any idea?

Thank you.

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.

Any post were I can see how to make the label and input in-line.?

Do a simply Google search for form styling with css. But, remember that it still has to be responsive for mobile users as well.

Thank you for that tip.