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?
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.
Responded using a secure note, thank you kindly
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.
That is so kind of you - I appreciate your help Ismael