color of words in page with adressadata woocommerce

This topic has 7 replies, 2 voices, and was last updated 3 years, 1 month ago by Skandha.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
October 29, 2021 at 3:07 pm #293194

HansH
Participant

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

October 30, 2021 at 1:38 am #293215
Skandha
Participant
@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
October 30, 2021 at 4:56 am #293224

HansH
Participant

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

October 30, 2021 at 8:13 am #293231
Skandha
Participant
@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
October 30, 2021 at 10:11 am #293240

HansH
Participant

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

November 1, 2021 at 4:07 am #293310
Skandha
Participant
@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
November 1, 2021 at 4:23 am #293311

HansH
Participant

Hello Skandha,

This dit it. You are great!

Kind regards

Hans Hagmeijer.

November 1, 2021 at 6:10 am #293314

Skandha
Participant

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

Kind Regards,
Skandha
Author

Posts