How To Change The Font Color Of WPForms Forms? (One Easy Way)

Disclosure: Some of the links in this post are affiliate links. This means, if you click on the link and purchase the product, I will receive a commission at no additional cost to you. Don’t worry, I only recommend products or services that I have personally used and believe will add value to my readers.

Changing the font color of a WPForms form is not straightforward if you don’t know how to write CSS code. But, I am not a big believer in writing code and then trying to maintain it for years to come. I think it is just a waste a time. You can spend that same time on promoting and growing your business. So…

Given below are steps to change the font color of a WPForms form without writing any code:

  1. Install and activate the Elementor plugin.
  2. Install and activate the PowerPack Addons for Elementor plugin.
  3. Edit the page with Elementor on which you want to place the WPForms form.
  4. Once Elementor is active on the page, scroll down on the left-side Elementor panel until you see the PowerPack Elements widget group.
  5. Drag-and-drop the WPForms widget on the page.
  6. Select the WPForms form in the Contact Form field that you want to place on the page.
  7. Go to the Style tab.
  8. One-by-one open each of the following panels and set the Text Color field in each of the panels to the color that you want to set for the font: Title & Description, Labels, Input & Textarea, Field Description, Placeholder, Submit Button, Errors, and Confirmation Message.
  9. Click the Update button to save your changes.

Okay! Let’s see each of these steps in detail now.

How To Change Font Color In WPForms Using Elementor And PowerPack Plugins?

First, install and activate the Elementor plugin. Then, install and activate the PowerPack Addons for Elementor plugin.

Once both the plugins are active, edit the page on which you want to place the WPForms form and click the Edit with Elementor button.

Edit with Elementor

You will be taken to the front-end of your website with Elementor active on the page. Scroll down in the left-side Elementor panel until you see the PowerPack Elements widget group. Drag-and-drop the WPForms widget on the page.

Elementor PowerPack WPForms Widget

The widget settings will display on the left side. Select the WPForms form that you want to place on the page in the Contact Form field.

Elementor PowerPack WPForms Content Settings

Now, go to the Style tab. Here, set the Text Color field under the Title & Description panel to the color that you want for the font of the form’s title and description.

Set Title and Description font color

Similarly, expand each of the following panels and set the Text Color field in each of these panels:

  • Labels,
  • Input & Textarea,
  • Field Description,
  • Placeholder,
  • Submit Button,
  • Errors, and
  • Confirmation Message
Set font color for each form element

I know it is a ton of work to set the Text Color field in each of these panels. But, you can skip some of the above panels if you are not going to display them on the form.

I wish the PowerPack plugin had a global setting to set the font color for the entire form in one go. But unfortunately, it doesn’t.

So unless you are really keen on writing CSS code, you can use the Elementor and PowerPack Addons for Elementor plugins to easily set the font color of your WPForms forms.

Now, what if you do not want to use these plugins?

In that case, read this guide on 4 ways to style WPForms. You can use any of the 4 methods mentioned in this guide to style the form you have created using WPForms.

With that said, what next?

Recommended Further Reading:

Next Steps…

There are a lot of settings that you can set in the WPForms widget.

Explore all of these settings to completely customize the look-and-feel of your WPForms form.

And finally! If you liked this tutorial, then please share it with your friends. I will really appreciate it.

About The Author

Leave a Comment

Your email address will not be published. Required fields are marked *