Display Styles

We’ve made it super easy to update the look of each color picker field to look great in any form. These styles are all embedded into the plugin and come with 5 unique pre-coded styles, so you don’t need to write any custom CSS.

You can apply each of the 5 styles to any color picker field.

Changing field styles

To change the look adn feel of any color picker field, simply go to the “Appearance” tab within the field, and select the style you want to apply. Update the form for the style to be applied. You should see the field update both in the Gravity Forms editor and the front end of your website.

Ensure you’ve ticked on the appropriate “use colors” tickbox first to activate color picker on the field.

Live Demo

In the display style dropdown, you’ll see a preview of the style before selecting to help you decide what look to choose.