Change Contact form font colour

Your background is white why would you want a white font also?

I’m talking about the contact form on the homepage. The background isn’t white it’s dark green. What site are you looking at?

bet value.com.au

thanks

Was looking at your contact page

Try this code:

.contact-form input, .contact-form select, .contact-form textarea {
    background-color: #fff;
}

Thanks. I was actually hoping for the contact form title and other text (font) to be changed to white.

This code has changed just the actual form but not the title or name/email/message text.

Thanks for your help though.

OK, Just change it to this then.

.contact-form input, .contact-form select, .contact-form textarea {
    color: #fff;
}

Hmmm, really appreciate your help. But now it just has the word “post” in white.

Ok I’ve worked out how to do this and it is:

.contact-text {
  color: #fff
}

Having the same problem, but none of the above codes have worked! :/

I already have the following code in use to change the section content color to white:

font[color] { color: white ! important; }

…but with the background I have chosen I’d like the contact form text and border to be white too. Can anyone help with this?

Thanks

I change the color of mine like this:

}
.contact-form input:-moz-placeholder,.contact-form textarea:-moz-placeholder {
	color:#666;
}

Erase the 666 and put the hex color number you want. Leave the “#” sign there.

Usually the contact form code looks like this:

.contact-text {
font-family:’times new roman’, times, serif;
width:80%;
font-size:18px;
text-transform:uppercase;
margin:0 auto 50px;
color:#ACACAC;
}
.contact-area {
margin:0 auto;
width: 100%;
max-width: 500px;
text-align:center;
overflow:hidden;
}
.contact-form {
margin:0 auto;
}
.contact-form input,.contact-form textarea {
font-size:18px;
width:100%;
background-color:transparent;
border:1px solid #666;
padding:5px;
overflow:hidden;
margin-bottom:30px;
}
.contact-form [type=”submit”] {
width:100px;
}
.contact-form [type=”submit”]:hover {
width:100px;
background-color:#666;
color:#fff;
}
.contact-form input::-webkit-input-placeholder,.contact-form textarea::-webkit-input-placeholder {
color:#000;
}
.contact-form input:-moz-placeholder,.contact-form textarea:-moz-placeholder {
color:#666;
}
.noticefailed {
color:#FF0000;
}
.noticesuccess {
color:#e347cd;
}
/* * 4.8 home section custom */
.section-custom {
background:url(images/section-content-bg.jpg) repeat center;
}

You can copy this whole thing into your css, or just the part you need, and change the colors to whatever hex color code # you want. You have to change the color code # on a few of the codes above to find out which one changes the color.