Customize your Tally form to make it seamlessly fit your style or brand. With Tally you can change form colors, fonts, format text, add your logo and more. Discover how to uplift the design of your form below.
Customization options are now out in
beta. Check out our roadmap to see what else we have lined up and don’t hesitate to share your feedback with us.
Customize your form Customization is available for free and doesn’t require any coding skills. Read on below ↓
Change colors (beta)Apply a theme Create your own custom themeChange fontsInject custom CSSFormat text Add a logoAdd a cover imageUse headingsInsert dividersEdit buttonsCreate columnsInsert imagesActivate the progress bar
Change colors (beta)
Apply a theme
Click the design icon
💧in the header menu to open the customization options. You can choose between the light and dark theme, or create your own custom one.
Create your own custom theme
Customto create your own theme. To change colors, click the color icons and pick a color from the palette or type a Hex color. You can change the color of the background, text, button, accents (links, selected options and focussed inputs) and the font.
Want to save your theme? Create a form template to reuse or apply the theme to another form. Themes can not be saved yet.
Looking for design inspiration? Check out Happy Hues, UI Colors or Cloudflare design for collections of color themes.
You can choose any font from the Google Fonts library (900+ fonts) to use in your Tally forms.
You can upload your own custom font by using custom CSS or code injection.
Inject custom CSS
Injecting custom CSS codes allows you to fully control the design of your form, beyond the default design options. Think of changing the color of input fields or adding a background image.
+to open the CSS box and paste your code snippets.
The design changes will be automatically displayed in the form builder. In case this doesn’t happen, click
Custom CSS is a Tally Pro feature. Click here for an overview of all CSS classes →
Select text to open the formatting options. You can change the text color, highlight text, make text bold, italic, underline or add links. You can find our formatting shortcuts here.
Applyto save changes and click
Xto reset and remove the color you have chosen.
Aligning text and changing fonts is coming soon. Tally Pro users can fully customize forms by injecting custom styles.
Add a logo
Logoin the header menu to upload your logo. You can upload an image or link to an image URL.
Recommended size: 200x200 pixels
Add a cover image
Change coverto upload your image, link to an image URL, select a default color or choose from the Unsplash library.
Recommended size: minimum 1500 pixels wide
Use different sizes of headings to give your form more structure and context. There are three sizes of headings available. Type
/dividerto break up content in your form.
Designto edit the button colors, and click
⚙️on the left of the the button to edit the button copy.
Display content next to each other by using columns. Click
⋮⋮and drag and drop form blocks next to each other to create columns.
Use images by simply typing
/image. You can upload your own image, link to an image URL or choose from the Unsplash library. Open the image block using
::to add a caption, Alt-text or a link.
Did you know you can also add images to your multiple-choice options? Click
⋮⋮to open the block settings to insert images.
Activate the progress bar
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.