I tried to set width and max-width to 400px in the custom CSS field but the form looks off (as shown in the following screenshot: https://ibb.co/CBF46k7

How can I fix this so the form sticks to the bottom right and not be pushed to the left with the close button way off to the right?

The width of the login form isn’t changing for whatever reason. Everything else works fine, i.e. the height, radius, etc. Would you happen to have an idea why that is?

Best regards,
A.V

Please guide me how to set form width to 100% and also change the submit button color (it shows basic theme colors).

Thanks,
Kashif

Please help.

First off I’d like to just say that I really like this plugin, it has worked straight out of the box as they say, I had to deactivate honeypot settings but added one of the captchas you listed although I already us googles’s recaptcha on my contact page it would be better if I could’ve used that.

However, my issue is with the “Start Rating” field, I’ve added this to my form view, my wordpress operates in French and on both of the english and of course french pages it shows as French, there isn’t a translated field within the polylang string translations as there is for everything else.

Here’s the French form too : https://www.thefrenchcandlecompany.com/fr/ajouter-un-nouveau-temoignage/

Any ideas?

The form as you’ll see is rather wide, I’d like to make this narrower, if you can point me in the write direction.

Finally, the categories shown on the current form is as a checklist, I was using a drop down but the sub-categories were not being stepping as the check list does and as wordpress does, I would prefer to use the drop down but it doesn’t look good everything being in a single column?

Thanks

The field information and the submit button should be the same streamline width, as demonstrated by the current pixel settings. Both the field information and the button need to be responsive for mobile devices, so I should be using percentages… but the form should not take up the full width of the page.

So, there are 2 new variables. 1) The field information and the button should only have a width of about 75% of the page. 2) The form information and button should be centered on the page.

I’ve tried to incorporate all of this and things ended up misaligned or unresponsive on my phone. Here’s what I have set up currently. Any help is appreciated!

#wpforms-15737 .wpforms-field-container {
max-width: 800px !important;
margin: 0 auto !important;
}

#wpforms-15737 .wpforms-submit-container {
text-align:center;
}

#wpforms-15737 .wpforms-submit {
width: 800px !important;
border-radius: 600px !important;
}

#wpforms-15737 .wpforms-form input, .wpforms-form textarea{
border: none !important;
border-bottom: 1px solid #cbcbcb !important;
}

#wpforms-15737 .wpforms-form textarea{
height: 38px !important;
resize: none !important;
}

Here is a link to the contact page where the form appears:
https://kmjindustrialcontractors.com/contact/

Here is a link to how I would like the form to appear:
https://kmjindustrialcontractors.com/wp-content/uploads/2017/02/2.jpg