Customize your form

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.
notion image
🎁
Customize your form Customization is available for free and doesn’t require any coding skills. Read on below ↓
⚡
Inject custom styles Pro Fully control the design of your form with custom CSS. Learn more →
 


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.
notion image
 

Create your own custom theme

Click Custom to 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.
notion image
 
ℹ️
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.
 

Change fonts

You can choose any font from the Google Fonts library (900+ fonts) to use in your Tally forms.
notion image
⚡
You can upload your own custom font by using 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.
Click + to open the CSS box and paste your code snippets.
notion image
The design changes will be automatically displayed in the form builder. In case this doesn’t happen, click Preview .
 
⚡
Custom CSS is a Tally Pro feature. Click here for an overview of all CSS classes →
 
 
 

Format text

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.
notion image
Click Apply to save changes and click X to reset and remove the color you have chosen.
 
notion image
 
ℹ️
Aligning text and changing fonts is coming soon. Tally Pro users can fully customize forms by injecting custom styles.
 
 

Add a logo

Click Logo in the header menu to upload your logo. You can upload an image or link to an image URL.
notion image
📏
Recommended size: 200x200 pixels
 
 

Add a cover image

Add a Cover and click Change cover to upload your image, link to an image URL, select a default color or choose from the Unsplash library.
notion image
📏
Recommended size: minimum 1500 pixels wide
 
 

Use headings

Use different sizes of headings to give your form more structure and context. There are three sizes of headings available. Type /h1 /h2 or /h3.
notion image

Insert dividers

Type /divider to break up content in your form.
notion image

Edit buttons

Click Design to edit the button colors, and click ⚙️ on the left of the the button to edit the button copy.
notion image
 

Create columns

Display content next to each other by using columns. Click  ⋮⋮ and drag and drop form blocks next to each other to create columns.
notion image
 
 

Insert images

Use images by simply typing /image. You can upload your own image, link to an image URL or choose from the Unsplash library.
notion image
Did you know you can also add images to your multiple-choice options? Click  ⋮⋮ to open the block settings to insert images.
notion image
 
⚡
Inject custom styles Pro Control the design of your form with code injection. Currently only available for forms connected a custom domain.
 
Help