Tagged: 3rd-Party Plugin
- AuthorPosts
- October 4, 2021 at 1:56 pm #43360Brien J RichmondGuest
I see how to change the font color but the added CSS changes the font color on all of WP forms. How do I change the font color only on the form I want to change the color? I have several forms on the site and not all need the same font color.
October 4, 2021 at 2:02 pm #43376Brandon CKeymasterHi Brien,
Each WP Form has a specific form ID. You can use that form ID to manipulate the CSS of each form individually.
We have a great guide from our Support Center that demonstrates how to use Custom CSS to change the color of your field labels and make them more readable.
Hope this helps!October 4, 2021 at 3:36 pm #43380Brien RichmondGuestI understand, but what is the format to use the form id? I have tried to add the form id to the font color css but it cancels out the css. I’m sure there is a syntax to the code. But I do not know what it is.
October 4, 2021 at 4:07 pm #43387Brandon CKeymasterI’m pretty sure with WP-Forms you would just need to use the forms specific ID with the with the ID selector
#
for example if your form ID is “wpforms-23136” then you would use#wpforms-form-23136
to select it in the CSS customizer.
WPForms is a third-party plugin and sometimes it can be tricky to troubleshoot issues, they have a dedicated support forum here that you may benefit from if you need further assistance.October 4, 2021 at 4:52 pm #43388BRIEN RICHMONDGuest.#wpforms-form-621-field-label {
color: #FFFFFF !important;
}Like this? This does not work. How is the code to be arranged?
October 4, 2021 at 5:18 pm #43392Jesse OwensKeymasterHi Brien-
I couldn’t find your form 621, so I can’t double-check to be sure, but it does look like there’s a small typo in the CSS code you have there. You’ve got both the dot and hash symbols in your selector
.#wpforms...
Here’s a rule I used that works on the form in your site’s footer:
#wpforms-form-23136 label { color: #ffffff; }
So this code takes the unique ID of the form itself,
#wpforms-form-23136
and then selects everylabel
child-element. This code should work for your form ID 621 simply by swapping out the ID number. If you’re still having trouble using that, can you let us know which page form 621 is on so we can double-check for you?October 5, 2021 at 7:59 am #43393Brien RichmondGuestThanks!!
- AuthorPosts
- The topic ‘How Do I Change the Font Color of a Specific Form in WP Forms?’ is closed to new replies.