How can I align the filed forms?

Hi rashidazhussain,

It is possible to center your form with some custom CSS. For more details, please see our tutorial on how to center a form.

And in case it helps, here’s a great tutorial from WPBeginner on how to add custom CSS like this to your site.

Hope this helps ??

Hello @ethanchoi

Thank you so much for replying back and providing the guidance.

It worked ?? However, I have one more question ..

How can I change the background color, text color and hover color for the “Submit” button? Can you please advise?

WEBSITE URL: https://www.vdigital.co/get-in-touch/

Thanks & Regards,
Rashida Hussain.

Hi Rashida,

Glad to hear that worked!

To change the submit button styles, we’ll need some custom CSS as well. Please see our guide on how to customize the submit button.

Hope this helps ??

Hello!

I followed the guide and the steps, still it’s not working.

https://wpforms.com/how-to-customize-button-styles-with-css-with-examples/

This is the guide I followed and copy the code as guided here but the buttons didn’t changed. I cleared the cache & cookies as well. Kindly advise.

How can I change the background color, text color and hover color for the “Submit” button?
WEBSITE URL: https://www.vdigital.co/get-in-touch/

Thanks & Regards,
Rashida H.

Hi rashidazhussain,

In some cases you might need to overwrite existing CSS code using the !important tag, like so:

.wpforms-form button[type=submit] {
	background-color: #024488 !important;
	border-color: #024488 !important;
	color: #fff !important
}

.wpforms-form button[type=submit]:hover {
	background-color: #022B57 !important;
}

I hope this helps!

Thank you so much for the guidance ??

Regards!