Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #43360
    Brien J Richmond
    Guest

    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.

    #43376
    Brandon C
    Keymaster

    Hi 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!

    #43380
    Brien Richmond
    Guest

    I 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.

    #43387
    Brandon C
    Keymaster

    I’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.

    #43388
    BRIEN RICHMOND
    Guest

    .#wpforms-form-621-field-label {
    color: #FFFFFF !important;
    }

    Like this? This does not work. How is the code to be arranged?

    #43392
    Jesse Owens
    Keymaster

    Hi 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 every label 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?

    #43393
    Brien Richmond
    Guest

    Thanks!!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How Do I Change the Font Color of a Specific Form in WP Forms?’ is closed to new replies.