Easyform documentation
Install easyformSchedule free trainingEasyapps home
  • Getting started
  • What's new
  • Easyform vs monday forms
  • Supported column types
  • ⚡Pro plan features
  • Pre-filling form fields with URL parameters
  • Mobile friendly forms
  • Rich text support
  • Fill forms inside monday
  • Links
    • Marketplace Listing
    • Book a call
  • Form settings
    • Adding, removing and reordering form fields
    • Item default values
    • Page style
    • Responsive field size
    • Right to left support
    • Form logo
    • Form title
    • Form description
    • Hiding field labels (compact mode)
    • Form colors
    • Submit button
    • Thank you page
    • Rounded corners
  • Adding New Fields
    • About adding new fields
    • Adding a text field
    • Adding a long text field
    • Adding a Connect Boards field
    • Adding a URL link field
    • Adding a phone field
    • Adding a numbers field
    • Adding a email field
    • Adding a date field
    • Adding a checkbox field
    • Adding a single choice field
    • Adding a multiple choice field
    • Adding a file upload field
    • Adding a people field
    • Adding a tags field
    • Adding a location field
  • Field specific settings
    • About field specific settings
    • Make a field required
    • Responsive field width
    • Editing a field's label / placeholder
    • Editing a field's description
    • Files Column Settings
    • Status column display modes
    • Dropdown column display modes
    • Connect Boards Column Support
    • People Column Support
    • Tags Column Support
    • Location Column Support
  • Shared field settings
    • About shared field settings
    • Responsive field size
    • Hiding field labels (compact mode)
    • Field colors
    • Field rounded corners
  • Publishing the form
    • Publishing the form
    • Publishing changes
    • Sharing the form
    • Embedding the form
  • Embedding Easyform
    • Embedding in Wix
    • Embedding in Shopify
    • Embedding in Softr.io
    • Embedding in Webflow
    • Embedding in WordPress
  • How To's
    • Embedding an Easyform in a WordPress Page
Powered by GitBook
On this page
  • Opening the colors setting
  • The color picker
  • Resetting a color to the easyform default
  • Page background color
  • Title text color
  • Description text color
  • Field colors
  • Field label color
  • Field placeholder color
  • Field input color
  • Field background color
  • Field border color
  • Submit button colors
  • Submit button background color
  • Submit button border color
  • Submit button text color
  1. Form settings

Form colors

PreviousHiding field labels (compact mode)NextSubmit button

Last updated 2 years ago

With easyform, you can create forms that match your brand and that look like an integral part of your website when embedded. You can change almost any color in the form, from the form's background and label colors

In addition to controlling colors of specific components from the component's setting, the main Colors setting allows you to modify all of the form's colors from one central place.

Opening the colors setting

To open the form's colors setting, select Color from the Settings menu:

The color picker

The color picker is opened by clicking the color picker button of a specific color setting.

Note: The color picker button color will be the current color of that setting.

Resetting a color to the easyform default

In order to reset any color setting to the easyform default, click on the reset button to the right of of the setting's color picker button.

Note: The reset button color will be the default easyform color for that setting.

Page background color

This setting changes the background color of the entire form:

Title text color

This setting changes the text color of the form's title:

Description text color

This setting changes the text color of the form's description:

Field colors

Field label color

This setting changes the text color of all of the field labels, when the form displays field labels:

Field placeholder color

Field input color

This setting changes the color of the text entered into input fields, such as text, number, email and phone fields:

Field background color

This setting changes the background color of all input fields, such as text, number, email, phone and dropdown fields, as well as the fill color of radio buttons and checkboxes:

Field border color

This setting changes the border color of all input fields, as well as the border color of radio buttons and checkboxes:

Submit button colors

You can change the following submit buttons colors:

Submit button background color

This setting changes the color of the submit button:

Submit button border color

This setting changes the border color of the submit button:

Submit button text color

This setting changes the color of the submit button label:

It allows you to choose a predefined color or enter a color value using or a string.

and if , it will still change the labels of non-input fields, such as radio button and checkbox fields:

If , this setting changes the text color of all of the field placeholders:

RGBA numbers
hexadecimal
placeholders are used instead of labels
placeholders are used instead of labels
Click to view in full screen
Click o view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen
Click to view in full screen