CSS code for changing acceptance label text color in contact form 7

R_Ku · February 2023

Hi there,

I am trying to change placeholder text and acceptance text font colour in a contact form on one particular page.

I was using the particular CSS code. The placeholder colour has been changed successfully, but I cannot get to overwrite the default acceptance text font colour (the lower code does not work)

Since I am a noob in HTML and CSS, I must be missing something in syntax.

Please advise.

___

#wpcf7-f367-p288-o1 ::placeholder {

color: #155384 !important;

opacity: 1;

}

#wpcf7-f367-p288-o1 .wpcf7-list-item-label {

color:white !important;

}

Phil · February 2023

Hi,

You can change forms colors in Betheme -> Theme options -> Colors -> Forms.

If you still want to use custom CSS and need my help, please, attach a link to your website.

Thanks

R_Ku · February 2023

Hi Phil,

That would change the colour for all forms, and I need the change just for this one.

I am working with the site installed on localhost at the moment.

I am attaching the source code of the page in question. Would this helps for you to come up with CSS code?

Thank you!

view-source_localhost_lcib_mnore_.zip

Phil · February 2023

Your CSS code:

#wpcf7-f367-p288-o1 .wpcf7-list-item-label{
   color: #fff!important;
}

It should work correctly.

To check what might be wrong, I need access to your website.

If it is not working, please, contact us when your website will be available online.

Best regards

R_Ku · February 2023

Hi Phil,

That is most bizarre indeed. Could it be because of the following syntax (this is how I put those in the CSS window - the part between --- )?

Looks like the second part of the code does not overwrite the default theme colour set in the options.

___