May anyone teach me how to make my form's background transparent? | Community
Skip to main content
Answered

May anyone teach me how to make my form's background transparent?


Hello, world.

I’m building out a new site for my creative agency and everything is going well except for one minor annoyance I’ve encountered with my Typeform.

The setup and embedding was a breeze, however, the customization has been tricky.  Our site is highly visual and all of my sections have transparent backgrounds so the video features behind them are visible and keeping with the consistency of the design.

Could someone teach me how to remove the background image/color of my typeform and simply leave the background as transparent?

Thank you all so much for reading this.  I’ll take any help I can get.

Thanks again!

Best answer by Gabi Amaral

Happy for you, @trentwillis! By the way, why don't you share your form with us once it's pubished? Looking forward to checking how this transparent background will look like in your form! 😉

View original

3 replies

mathio-tf
Typeform
Forum|alt.badge.img+5
  • Typeform
  • 888 replies
  • June 10, 2022

Hello @trentwillis 

on your typeform share page, when you embed as “standard” you can find “background transparency” slider in the “design” section:

 

If you are using embed SDK, you can use data-tf-opacity option.


  • Author
  • Explorer
  • 1 reply
  • June 10, 2022

May you live to be a thousand years old.

This was frustrating me far more than it should’ve and I can’t express how much better you’ve made the start of my day, haha.

Thank you, thank you, thank you.


Gabi Amaral
Ex–Typefomer
Forum|alt.badge.img+5
  • Ex–Typefomer
  • 1777 replies
  • Answer
  • June 13, 2022

Happy for you, @trentwillis! By the way, why don't you share your form with us once it's pubished? Looking forward to checking how this transparent background will look like in your form! 😉


Reply