Question:
Tip: How to change the label 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 field labels:”.
In this example we want to change it to white:
change:
text-align:left; padding-top:5px;
to:
text-align:left; padding-top:5px; color:white;
and then click “update”.
Note: you can change font color to any HTML color name or HTML hex color codes
text-align:left; margin:0; color:#3333CC;
also, these custom settings will be safe when upgrading the plugin.
Changing colors of the labels for radio, checkboxes, and the attachment requirements:
Go to the contact form edit page, scroll down the page, look for the setting “CSS style for form input fields DIV:”
In this example we want to change it to white:
add this to it:
color:white;
and then click “update”.
Note: you can change font color to any HTML color name or HTML hex color codes
also, these custom settings will be safe when upgrading the plugin.
Alternate method:
Note: some themes might set label color in the theme css. You can sometimes override the theme css label color by adding this to the last line in your theme style.css
{label color:white;}
How do I edit the 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
