Answered

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

  • 10 June 2022
  • 3 replies
  • 420 views
T

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!

icon

Best answer by Gabi Amaral 13 June 2022, 11:21

View original

3 replies

mathio
Rank
Userlevel 7
Badge +5

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.

T

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
Rank
Userlevel 7
Badge +5

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! 😉

Everyone you meet is fighting a battle you know nothing about. Be kind. Always. =)

Reply


Still need help?

Don't be shy and ask the community.

Ask your question here!
Community T&Cs