Stop web form spam with FormSmarts HTML forms builder and web form handler. Email forms, contact forms, feedback forms, survey forms and more.

FormSmarts Web Form Blog

Form Color Settings

Like many FormSmarts users, you may sometimes want to customize the style of your web forms. This may be because you want the forms to match the rest of your website, or because you want a form to stand out on a web page.

The form builder now allows you to change the text and background color of your forms. Visit the Form Details window in the Forms tab to set color preferences for a particular form.

Web Form Color Selection

Things to note:

How to Change Form Colors

  1. By default, form text is black, and form background is transparent. This should fit the needs of most users, and if you’re happy with this, you don’t need to do anything.
  2. If you do want to change a color, the easiest way is to choose one of the popular colors we’ve preselected. Just click on the color you want.
  3. If you prefer to use your own colors, you may type any valid 6-digit HTML color code directly. For example, 808080 is a shade of gray.

Usability Note

It’s important to preserve the accessibility of your forms to visually impaired visitors, and their usability under poor reading conditions (e.g. bright sunshine). Always keep a high color contrast.

Posted by FormSmarts on Sunday, July 6, 2008 at 8:05 pm in form builder.
Permalink | Comment
Tags: , , , ,

4 Responses to “Form Color Settings”

Hi,
I’ve placed a background image behind the form, but it’s disappeared after I set a background color. How do I restore the default transparent background, once I’ve changed it to another color?
Thank you

Posted by: Phil Mienz | July 11th, 2008 at 5:10 am

Phil,
Form background is transparent whenever no background color is specified. So login to the form builder and edit form details. Clear the background color field, save and you’re done.

Is it possible to change the white border color around the Continue Button? Or to change the “Continue” to read something else?

Thanks!

Posted by: Justin B | August 20th, 2008 at 5:31 pm

Justin,
We will in the future allow users to define their own CSS style, but until then you can’t change the border color.

The general term “continue” has been chosen because it implies that the form submission is not yet complete after pressing the button. I don’t see any clear advantages to let users replace this with a more specific term.

Leave a Reply

(optional)

Email will not be published.

Subscribe
Subscribe by email or FormSmarts RSS Feed

About This Blog
This is FormSmarts Blog, a weblog about web form design. The topics covered include technical aspects of HTML forms — such as form security and form spam — but also broader social aspects, like form accessibility, usability, and privacy. Most posts discuss general topics in the context of FormSmarts free web form service.
Categories
Your AccountHelpFormSmarts