Customize your Tally form to fit your style or brand seamlessly. With Tally, you can change form colors, fonts, format text, add your logo, and more. Discover how to uplift the design of your forms below.
Customize your form Customization is available for free and doesn’t require any coding skills. Read on below ↓
Change colorsApply a theme Create your own custom themeReuse your custom themeChange fontsInject custom CSSFormat text Add a logoAdd a cover imageUse headingsInsert dividersEdit buttonsCreate columnsInsert imagesActivate the progress bar
Designbutton above your form title to open the customization options. You can choose between a light and dark theme or create a custom one.
Customto create your own theme. You can change the color of the form background, text, button, and accents (links, selected options, and focussed inputs) and select a font.
To change colors, click on the colored square of one of the options. You can use the color palette to browse colors or type in a HEX code for a particular one.
If you want to reuse a custom theme, you'll need to save it as a form template first. This allows you to re-apply the same design choices to multiple forms. Themes themselves can't be saved independently yet.
You can choose any font from the Google Fonts library (900+ fonts) to use in your Tally forms. Simply select one from the
Injecting custom CSS codes allows you to fully control the design of your form beyond the default design options. For example, you can change the color of input fields or add a background image.
+to open the
Custom CSSbox and paste your code snippets.
Tally will automatically display any design changes in the form builder. If this doesn’t happen, click
Highlight text to open the formatting options. You can change the text color, add highlight color, make text bold, italic, underlined, or add links. You can find our formatting shortcuts here.
To remove any highlight color and reset it back to default, select the text, open the
Highlight colorwindow, and press the
You can inject custom styles to format text beyond the default options.
To add a logo, hover over your form title and click
Add logo. You can upload an image or a link to an image URL.
The recommended logo size is 200x200 pixels.
Add a cover image by hovering over your form title and selecting
Add cover. You can upload your own image, link to an image URL, select a default color, or choose an image from the Unsplash library. Images from the Unsplash library are royalty-free — you can use them for private and public forms.
The recommended cover image size is a minimum of 1500 pixels wide.
Use different sizes of headings to add structure and context to your form. You can pick from three sizes of headings. Type
/headingto see all heading options, or type
/h3to instantly add one of the heading sizes.
dividerto break up content in your form with a horizontal line. You can drag the line to move it.
Hover over your form title and click
Designto edit the button colors. You will need to select the
Customtab to open button design options.
To edit button text, click the
⚙️icon left of the button.
You can display content next to each other by using columns. Click
⋮⋮and drag and drop form blocks next to each other to create columns.
Add images by simply typing
/image. You can upload your own image, link to an image URL, or choose from the Unsplash library.
⋮⋮left of an image to open image options. These let you hide the image block and add a caption, image link, or Alt text. You can also delete or duplicate the image.
Did you know you can also add images to your multiple-choice options? Click
⋮⋮to open the block settings to insert images. Scroll down to enable the
Imagetoggle. Then, press
Add imageand upload your own, link to an image URL, or choose one from the Unsplash image library.
The progress bar provides a clear way for respondents to understand how much of the form they have completed and encourages them to continue until the end. The progress bar only works for multi-page forms.
To enable it, click the
⚙️icon in the top navigation menu of your form editor to open the
Settingspage. Navigate to the
Generalsection and turn on the
Progress bartoggle. Don’t forget to click
To avoid confusion for your respondents, we advise you to disable the progress bar if your form contains multiple page jumps.