|
Linda Diblasio
|
May 23, 2013 at 12:21 am
I have an issue that seems complex to me, but I am sure that can easily be fixed with a little help from some pros. My issue is that my content background for my whole site is black. and when someone is filling out the reg form (first name last name email) you cant see the information because the lettering is black. is there a simple way to change the text lettering from black to any other color?
|
|
Dean
|
May 23, 2013 at 12:34 am
Hi,
It’s just some CSS. It may be a good idea to learn some of the basics, there is plenty of info about it on the internet, here for example http://www.w3schools.com/css/
Using your sites themes styles as a basis you could use the following
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus,
.customSelect:focus {
color:black;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, .customSelect {
color:white;
}
What that will do is make sure that the text is black whent he inout is clicked, but when it is no longer being “focused” on and typed in, the text will be white.
Or you could just make the input fields backgrounds white
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, .customSelect {
background-color:white!important;
}
|
