Change Form 7 Email Box and Text Color

[schendesigns]

Ive tried so many code snippets Id like the box and internal text to be #64A8F0

Any advice?

thanks

[friech]

Hi Stephen,

Thank you for writing in, please see the Styling contact form 7 documentation.

The CSS property that you need is color for the text color, and border-color for the box color.

You can add custom CSS under Theme Options > CSS

If it does not work, try adding the !important property on your CSS rule.

What is the !important property in CSS?

If it still not work, please check all your custom CSS here and resolve found errors first.

Have a nice day,

[schendesigns]

@friech

Styling contact form 7 documentation

Can you take a look for me? Still no luck www.goldmanballsachs.com

[schendesigns]

Any help?
Thanks

[tristup]

Hi Stephen,

Setting text color to the Contact Form 7 is outside the scope of support.
But I would like to suggest you with a small piece of code that helps to set the color for the textbox. In order to change the color of placeholder you can get help from here.

.wpcf7 select, .wpcf7 textarea, .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 input[type="datetime"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="date"], .wpcf7 input[type="month"], .wpcf7 input[type="time"], .wpcf7 input[type="week"], .wpcf7 input[type="number"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="search"], .wpcf7 input[type="tel"], .wpcf7 input[type="color"] {
    color: #64A8F0;
}

Remember that the above code and example will work if copied as it is and dont conflict with any existing style.
To get more help on that please go through resource.
Please note that the code provided serve only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle. We do not provide support for custom codes that means we can’t fix it in case it conflicts with something in your site nor will we enhance it.

Hope it helps.

Thanks