Formatting Forms: Success/Error Message Text

[ad_1]

Hello,

I have added a form to the “Contact” page of my website, and it looks great, except for the “Success Message Text” and “Error Message Text.” For some reason, that text is in a different font than the rest of the form, and it is also left-aligned.

I also noticed that the text response fields are top-aligned, and ideally they would be center-aligned. This is not a big deal, though! Just wondering if there’s a way to change that.

Here are some screenshots:

Is there any CSS I could add in order to:

  1. Change the success & error message font to “Roboto” (to match the rest of the form?
  2. Center-align the success & error messages within the page?
  3. Change the vertical alignment of the text response fields so that they are center-aligned?

I didn’t even know what CSS was until this week, so I am doing my best to wrap my head around it. I couldn’t find any forms about these specific issues, so anything helps!

Link to page: https://www.shelbmathews.com/contact/

Thank you!

The page I need help with: [log in to see the link]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer