Paperform logo
ProductTemplatesPricingResources
ProductTemplatesPricingResources
Sign inTry Free

How can I change the colors on my form?

Help Making Forms Using the Editor Appearance & Theming

Appearance & Theming

How do I add or remove the 'X questions to go' message on the submit button?Can I add a progress bar to my form? Can I change or edit the color of the placeholder text?Can I change the font size of the multiple-choice question answers?Can I change the font size beyond just H1 and H2?Can I change the style of my pagination buttons?Can I change the transparency on my background video?Can I change transparency of the background image?Can I create my own theme and use it across all my forms?Can I edit my images?Can I fully customize the language and wording of forms, including the UI & buttons?Can I customize typography?Can I update the answer text font color? Can I remove the white background from my questions?Can I set the question background to transparent?Can I style the submit button on guided mode?Custom CSS Class NamesHow can I create auto-advance multi-step forms?Does Paperform support non-English character translations and RTL languages for forms?How big should my form icon be?How can I change color for the question fields in my form?How can I change the background color?How can I change the Active Color?How can I change the colors on my form?How do I add images to products?How do I add placeholder or help text to guide my customers?How do I change Address field wording to reflect how my country writes addresses?How do I change the fonts in my form?How do I put my questions side by side instead of one at a time?How do I remove the asterisk from required questions?How do I select a translation for a specific form?How do I hide the total price on the submit and next page buttons?How do I upload my Adobe Creative Cloud images to my form?How do I use my Adobe Creative Cloud colours on my form?How do I add a background image to my form?Can I add numbers to the page buttons?How do I add text to the pagination buttons?How do I change the submit button wording and styling?How do I add images to a form?Why are some font characters not displaying correctly on my form?What are Color 1, 2, 3, 4 in the Palette section of Theme?What can I do with custom CSS?Which fonts does Paperform support?What are the proper size and dimensions for the background image of a form?Can I align images or have multiple images on one line?Guided Mode OverviewTheme Overview

You can change the colors of your form from the Theme menu, which can be found by clicking the droplet icon in the top-right corner of the form editor.

Screenshot of the menu found at Theme → Theme Settings.

Theme Settings

The first page of the Theme menu is called "Theme Settings." This gives you a basic overview of your form's style. From here, you can change:

  • Background Color — The background of all pages of your form, including the success page (shown after submission).
  • Active Color — Affects buttons, selected answers, and link text, as well as the default color for typed answer text.
  • Text Color — Sets the default color for all text on the form, except for answers, links, button text, and error messages.
  • Warning Color — Used for various error messages, like if submission is attempted when a required question isn't answered.
  • Colors 1-4 — These can optionally be used to save additional colors to your "color palette," so that you can easily apply them to specific elements on the following pages of the Theme menu.

Typography

You can fine-tune the styles of different text on your forms from the next page of the Theme menu, "Typography."

Screenshot of the menu found at Theme → Typography.

By default, the font color of each element will match the Text Color set in Theme Settings, with the exception of Answers, which default to the Active Color.

Users on the Pro or Agency plan can also create Custom Styles, which can then be applied to specific text on your form.

UI Elements

The "UI Elements" page gives specific style controls over different elements of the UI.

Screenshot of the menu found at Theme → UI Elements.

You can add a background image or video from the "Background" section, and you can overlay a semi-transparent color to either one if you like.

Pro and Agency users may also change the color of the submit and pagination buttons to something other than the Active Color (this is not supported for forms in Guided Mode).

For further customization, Custom CSS is available on the Agency plan.

Gotchas

  • The white boxes behind individual questions can't be changed to a different color, unless you target them using Custom CSS (Agency plan only). However, you can remove these boxes completely by going to Theme → UI Elements → Questions and toggling off "Has background and shadow."

Related Articles

Adobe Creative Cloud App Integration Overview
You can now connect your Adobe Creative Cloud® Libraries to your Paperform account to access your creative assets.
How do I add a background image to my form?
Go to Theme → UI Elements → Background and upload an image.
Can I have a background video?
You can add a background video to your form by heading to Theme Settings → UI Elements → Background.
What can I do with custom CSS?
Custom CSS provides fine-grained control over the styling on the page, including spacing, alignment, positioning, and lots more!
Can I create my own theme and use it across all my forms?
You can use your own theme across all your forms.