Question:
Tip: How to change the field colors for the form input fields
Answer:
Style it with inline CSS on the contact form edit page.
Go to the contact form edit page, scroll down the page, look for the setting “CSS style for form input fields”.
In this example we want to change it to black text with grey background:
change:
text-align:left; margin:0;
to:
text-align:left; margin:0; color:#000000; background-color:#CCCCCC;
Note: you can change font, border, or background colors to any HTML color name or HTML hex color codes
text-align:left; margin:0; color:#3333CC;
Add a border color with: border: 1px solid #666666;
Add a background color with: background-color:#CCCCCC;
Set a font color with: color:#3333CC;
Note: these custom settings will be safe when upgrading the plugin.
Alternate method:
Note: some themes might set input color in the theme css. You can sometimes override the theme css input color by adding this to the last line in your theme style.css (adjust css as needed).
input[type="text"], input[type="email"], textarea {
padding : 2px;
background : #f9f9f9;
border : 1px solid #ccc;
}
How do I edit the WordPress theme css file?
You may have to FTP to your theme directory with a program like FileZilla, download the style.css, edit it, save the change, then upload again. Make sure you are in the correct theme folder.
/wp-content/themes/[your theme name]
Also note that some premium themes have an administrator settings page where you are able to change colors without editing any files.
Do you need help?Donations by PayPal:
Donations by cash or check:
Mike Challis
PO Box 819
Long Beach WA 98631