How can I change the colors on my form?

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 have a background video?Can I customize typography?Can I have different background images for each question?Can I have multiple languages supported for one form?Can I hyperlink images?Can I update the answer text font color?Can I remove the white background from my questions?Can I style the submit button for the "One-at-a-time" form experience?How 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 Custom 1, 2, 3, and 4 in the Palette section under Theme & Appearance?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?Custom CSS Cheat SheetCustom CSS SelectorsOne-at-a-time Mode OverviewTheme & Appearance Overview

You can change the colors of your form from the Theme & Appearance Configuration Panel.

First tab of menu found at Theme & Appearance Configuration Panel  → Form Experience.

Form Experience

The first tab of the Configuration Panel is called "Form Experience." This gives you a basic overview of your form's style. From here, you can change:

  • BG—The background of all pages of your form, including the success page (shown after submission).
  • Active—Affects buttons, selected answers, and link text, as well as the default color for typed answer text.
  • Text—Sets the default color for all text on the form, except for answers, links, button text, and error messages.
  • Warning—Used for various error messages, like if submission is attempted when a required question isn't answered.
  • Custom 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 & Appearance Configuration Panel.

Typography

You can fine-tune the styles of different text on your forms from the next tab of the Configuration Panel, "Typography."

Screenshot of the menu found at Theme & Appearance Configuration Panel → Typography.

By default, the font color of each element will match the Text Color set in Form Experience, except for Answers, which will default to the Active Color.

Users on specific pricing plans 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.

Theme & Appearance Configuration Panel → UI Elements → Background

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.

Users on specific pricing plans also have the ability to change the color of the submit and pagination buttons to something other than the Active Color (this is not supported for forms in One-at-a-time Mode) with Custom CSS

Gotchas

  • The white boxes behind individual questions can't be changed to a different color unless you target them using Custom CSS (Please note that this feature is exclusively available with specific pricing plans.). However, you can remove these boxes completely by going to the Theme & Appearance Configuration Panel → UI Elements → Questions and toggling off "Has background and shadow."