1. Help
  2. Getting started
  3. Make a typeform
  4. Where can I find the design tools to add images?

Where can I find the design tools to add images?

If you were ever wondering where you can find the tools to create a beautiful typeform design, you’ll find the answers to your questions here.

How can I add a beautiful design to my typeform?

You can do this by either applying a theme to your typeform with a background image, or by adding a question layout.

Alternatively, you can also add images to your answer options in a Picture Choice question.

Custom CSS is not currently supported for typeforms. 

What’s the difference between a background image and a layout?

The key difference between a background image and a layout is that the background image applies to the whole typeform, while a layout only applies to the given question.

How can I add a background image?

To add a background image, go to the Design panel and select a theme there. You can then add a new theme or edit an existing one by clicking the three dots.

DT1.png

To add or remove a background image, click Add or Remove next to Background image. All the design changes you make here will apply to the whole typeform.

DT2.png

You can read more about adding a background image in the Design panel here.

How can I add a layout?

To add a layout, there has to be an image on your question. If you don't have one already, then go to the Editor panel, and select add Image or video. You can then upload an image, or search for one. This question layout will only apply to the given question.

DT_3.png

Then, you can choose which layout you'd like your media to appear in. 

Dt.png

You can read more about adding images and GIFs with question layouts here.

Can I use a layout and a background image in the same question?

Yes, by all means! Let’s take a look at an example.

In the screenshot below, the swirly paint pattern is part a background image added in the Design panel. This is the same in every question of the form, including Welcome Screens and Endings. 

DT_4.png

The rainbow-coloured "hang loose" sign is an image, added under Question. It's a .png with a transparent background. 

You can read more about image sizes here, and using image alt text to make your images accessible here.

Tap into our community knowledge

Find Answers
Contact Support