Contact 7 form issues

It seems every time I have any issue with Enfold it never gets fixed?

Well Darren that is not realy the truth: https://kriesi.at/support/topic/contact-7-form-issues/#post-910349
but i can not confirm to your statement – on all of my Enfold Installations where i do not use the embeded contact form alb element i use CF7.
And on all those installations it fits well to Enfold. Mostly I use it to have the Google Captcha like you.
can you post the link to the contact form which causes the troubles?

Edit: Aha – only Safari shows the autofill option on your contact form. – And these fields after accepting the auto-filled content are with yellow background. And that bothers you ?

i’m participant as you so is it the link above to your page?

By the way : Safari is a stange Browser – you will have to clean cache. If you do not see the developer menu – go to Safari Settings and on Advanced there is a field to mark to show developer tools.

if you done that the clean cache could be done by: ⌥ ⌘ E

do you see here any other background colors:
https://webers-testseite.de/kontakt

by the way to influence the selected colors in subject or message field on safari

::selection {background-color: #eee; color: #000}

if it is your site on first topic : see here the simulation on Safari
click to enlarge:

can you send me the url where this is happening. If you don’t like to make it public.
Send me an e-Mail. My nick has all infos on that – leads to my homepage

Hi
I want the background color of the input fields of contact-7-form to change from black to white and the font color of these fields to change from white to black..
I tried Guenni007s suggestion and put the following code in the Quick CSS

.wpcf7-form .wpcf7-select, 
.wpcf7-form .wpcf7-text {
	background-color: #fff !important
}

It successfully changed the background of the input fields name, email and subject.
– it did NOT change the field “your message”
– I need also to change the font color of the input fields to black
Any suggestion?

In the Flashlight theme the following worked

.text_input, textarea, select, #commentform input{
border:1px solid #343434;
background: #fbfbfb;

It doesn’t work in Enfold.

Thanks
Bruno

• This reply was modified 6 years ago by bruwa.

Hi Victoria
please find the URL in the private content.
I would like to change the background of all (but only) contact-7-form input fields to white and the font color accordingly to black (white on white background would be difficult to read ;-) …)

I found this code on the plugin website:

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width: 50%;
}

Unfortunately it did not change anything.

Cheers
Bruno

• This reply was modified 6 years ago by bruwa.

Hi Ismael
thanks!
I’m afraid I was not aware of your suggestion when I sent the message below (I did not expect it today, so I didn’t refresh the page).
Now I notice that it has not been sent, instead an error message was displayed – unfortunately I was no longer on this page when it appeared.
Sorry

PROBLEM SOLVED
***************************************************

after endless trial and error I eventually managed to find the solution.
Whenever I added “color: #000” the whole code did no longer work.
Putting color in a separate code AND putting it before the rest did the trick.

.wpcf7-form .wpcf7-select, 
.wpcf7-form .wpcf7-text {
	color: black !important;
}
.wpcf7-form .wpcf7-select, 
.wpcf7-form .wpcf7-text,
.wpcf7-form .wpcf7-email,
.wpcf7-form .wpcf7-textarea {
	background-color: #f0f0f0 !important
}

Best regards,
Bruno

• This reply was modified 5 years, 12 months ago by bruwa.