All fields same width on WP form

[eutaw]

I’d like all my fields on the WP form the same width. Will you point me in the right direction?

[eutaw]

I thought I had it figured out by using a width of 100%, but that didn’t work.

[ruenel]

Hello @eutaw,

Thanks for writing in! I have inspected your form and the WPForms Lite plugin is applying this built-in plugin CSS to the fields.

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
    max-width: 60%;
}

Please modify the code above and make it 100%. You can add modified CSS code into X > Theme Options > CSS.

Feel free to make adjustments as you need. Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Intro to CSS - https://goo.gl/mFuWQT
How to get CSS selectors - https://goo.gl/BmoH39
Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
CSS Media Queries - https://goo.gl/L3ZHNg

[eutaw]

Thank you.

[prakash_s]

You are welcome @eutaw