- This topic has 7 replies, 2 voices, and was last updated 2 years, 1 month ago by Skandha.
-
AuthorPosts
-
October 29, 2021 at 3:07 pm #293194HansHParticipant
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.nlKind regards
Hans Hagmeijer
October 30, 2021 at 1:38 am #293215SkandhaParticipant@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,
SkandhaOctober 30, 2021 at 4:56 am #293224HansHParticipantHello 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 #293231SkandhaParticipant@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,
SkandhaOctober 30, 2021 at 10:11 am #293240HansHParticipantHello 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 #293310SkandhaParticipant@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,
SkandhaNovember 1, 2021 at 4:23 am #293311HansHParticipantHello Skandha,
This dit it. You are great!
Kind regards
Hans Hagmeijer.
November 1, 2021 at 6:10 am #293314 -
AuthorPosts
- The topic ‘color of words in page with adressadata woocommerce’ is closed to new replies.