Cant change Color of Form Label

[BagelFinch]

I have tried changing the color of the contact form labels to black to be visible over the white background however nothing i have found in these forums seem to work. I have tried placing code in the SEO header to change the wsite-form-label color to black and this is not working. I can change every other element of the contact form through code in the SEO header including the asterixs but for some reason not the label.

I have also tried inputting this code into the every CSS file possbile including main.css (or main.less) and still nothing. I only want the color changed for these specific labels and changing the font color in the theme options unforunately changes across all pages and other text i dont want changed.

Can anyone suggest how i might be able to change this color.

[Bernadette3]

Which website is this for and what page is your form on? Thanks!

[BagelFinch]

https://thisisatest3formass.weebly.com/contact.html

and the form is on the page 'contact' as you can see it is white label text on a white background.

[Bernadette3 · Accepted solution]

@BagelFinch

Hey. If you click on Theme at the top of the editor and then Change Fonts on the left hand side you will then see an option for Paragraph Text. Click on that and then you will see that the font color is set to white which you can change by clicking on it. It looks like you edited the color for all of your other Text elements on your other pages but you can remove the formatting if you want to keep it uniform. 

Let me know if you have any questions. Thanks!

[BagelFinch]

Thanks for your help - was hoping that i could just edit some css to change instead of doing through theme font but looks like thats the best way to go about it and then just fix up the paragraphs on the other pages.

[Bernadette3]

When you edit the paragraph with the font bar that pops up it will override the Theme-Change Font settings. You shouldn't have to make any additional edits if you are happy with the way the other pages look.

[tharnden]

This doesnt work for me.  For some reason the form labels are white on a white background.

https://testinspect.weebly.com/contact.html 

Any ideas?  

[Adam7]

I think that theme expects content areas to have something other than white as the background, since that's the color of the navigation bar. It might be simplest to switch to a different theme unless you're familiar with HTML and CSS.

[absoluties]

YES!!! I found it!!!!!! Not even Weebly geeks had it!

And I'm not a coder, just a visual designer who tries with CSS. Here it is:

This will NOT affect your Paragraph or Text styles for the rest of the site.

Copy and paste to your site's CSS:

#wsite-content form#form-531367540984492612 .wsite-form-field label {

        color: #FFFFFF !important;

}

The number reffers to the specific Form-ID number that you find under inspect. Replace it with your Form ID number.