How to change the submit button color, or add an image?
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:
Also you can alter the size:
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;
Send us a Donation: