WP Forms - Font Size and Field Length

[SE1217707]

Is there a way to make all fields of the contact form the same width? Also, is there a way to decrease the font size?

and is there a way to change the colors / message of this box after submitting the form?

[ruenel]

Hey @SE1217707,

Thanks for writing in! Are you using Contact Form 7 or Gravity Forms? Would you mind sharing the URLs of the page where we can check the form? Be advised that there should be a form editor if you are using the Gravity Form. The Stack you are using is also a factor. If you used Blank stack, you may need to add additional custom CSS for the form.

Best Regards.

[SE1217707]

Responded using a secure note, thank you kindly

[Ismael]

Thank you for the update.

We added this css code in the Custom Code > Global CSS field to adjust the width of the fields.

.wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium, .wp-core-ui div.wpforms-container input.wpforms-field-medium, .wp-core-ui div.wpforms-container select.wpforms-field-medium, .wp-core-ui div.wpforms-container .wpforms-field-row.wpforms-field-medium {
	max-width: 100% !important;
}

To learn more about how to adjust the style of the individual elements in the contact form, please check the articles below.

– https://wpforms.com/docs/how-to-customize-the-style-of-individual-form-fields/
– https://wpforms.com/developers/how-to-customize-the-styling-of-text-based-form-fields/#text-size

And if you need more help with this type of modification, please check out our One service.

Best regards.

[SE1217707]

That is so kind of you - I appreciate your help Ismael

[ruenel]

You are most welcome, @SE1217707.

[Jonson]

@SE1217707 I also use WPForms. Inside the form editor, click on the field, Advanced > Field Size > change from medium (default) to Large, and it should go full width.

(the textarea field, is already full width, like in the image you provided, so that dictates the height of the field)

[Ismael]

Thank you for the info @Jonson!