[HansH]

If a customer has ordered something and he enters the paying page then there are some fields with name, address etc.
As you can see in the added image, the color of the words becomes white and the words nearly invisible when I click on the input field.
Is it possible to give the words another color after clicking on the input field?
The website is: http://www.Laura.hagmeijer.nl

Kind regards

Hans Hagmeijer

[Skandha]

@hansh: Hello Hans,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

input[type="text"]:focus {
    color: #000 !important;
}

Let me know if this works out!
Kind Regards,
Skandha

[HansH]

Hello Skandha,
Thank you for answering.
It is a partial solution.
The upper half is going very well.
But after I want to add information the words stay whit and invisible.

You can see it on: https://laura.hagmeijer.nl/afrekenen/
It concerns the optional field.

Kind regards

Hans Hagmeijer

[Skandha]

@hansh: Hello Hans,
Replace the above CSS Code with the following.

a, .menu-toggle, .dropdown-toggle, input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, .comment-metadata .comment-reply-link, .site-footer-menu .social-navigation a, .tagcloud a, .entry-breadcrumbs a, .woocommerce-breadcrumb a {
    color: #000 !important
}

Let me know if this works out!
Kind Regards,
Skandha

[HansH]

Hello Skandha,

Thank you. This is also a partial solution, sorry for that.
Now the color of menu has been changed into black, also the color of shopping cart icon in the header.

I try to fund out step by step how to change the menu color into white again.
If you can help to fund a solution it will be great.

Kind regards

Hans Hagmeijer

[Skandha]

@hansh: Hello Hans,
Please try adding the following CSS Code instead.

input[type="date"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus {
    color: #000 !important
}

Let me know if this works out!
Kind Regards,
Skandha

[HansH]

Hello Skandha,

This dit it. You are great!

Kind regards

Hans Hagmeijer.

[Skandha]

@hansh: Glad it worked out. Have a great week ahead! 🙂

Kind Regards,
Skandha

[Author]

Posts