How to change the submit button color, or add an image?

Question:
How to change the submit button color, or add an image?

Answer:
Be sure to read the How to set or reset the styles of the form fields page before you get started.

This page assumes you have upgraded to the 4.xx version.

Go to the Fast Secure Contact Form settings page, select the form you want to edit and click on the “Styles” tab,

Change the setting “Submit button:”.
In this example we want to change the Input text fields to black text with grey background:
(you can add color, size, or use a background image with CSS).

Add these color attributes:
color:#000000; background-color:#CCCCCC;

Also you can alter the size:
Width: width:150px;
Height: height:25px;

Note: you can change color to any HTML color name or HTML hex color codes
color:white; (or) color:green; (or) color:#3333CC; etc.
Note: these custom settings will be safe when upgrading the plugin.

Adding an image to Submit Button

Here is a sample of a submit button that uses the “Submit” text.
Make sure to change the URL to your own button image after testing.
If you use a different size image, be sure to modify the width and height values in the CSS.

background:url(http://www.642weather.com/weather/images/bg-submit.png) no-repeat; width:50px; height:24px; padding:0px 0 4px 0; border:none; font-size:10px; cursor:pointer;

If your image already has text on it, do it like this:
background:url(http://www.642weather.com/weather/images/bg-submit.png) no-repeat; width:50px; height:24px; padding:0px 0 4px 0; border:none; text-indent: -1000em; cursor:pointer;

Do you need help?

Donations by PayPal:

If you find this free contact form program/plugin useful to you, please consider making a small donation to help contribute to further development. My time is very limited and I get dozens of support emails every day. If you are not able to donate, that is OK. Thanks for your kind support! - Mike Challis

Donations by cash or check:
Mike Challis
PO Box 819
Long Beach WA 98631

Comments are closed.