Skip to main content
Best answer

How can I adjust size of Zapier Interface form?

  • September 23, 2024
  • 1 reply
  • 116 views

Is there any way to adjust the overall size of a Zapier interface form? It’s just very large when I embed it on site, so I’d like to decrease the font size/padding size/overall size of the form and it looks like I can’t override the default Zapier CSS. 

Best answer by SamB

Hi @RaeLum, welcome to the Community! 😁

You can reduce the size of the form by selecting a different width option from the Width field:
fa7dece5d15460a659e663ef720bc7c0.png

And when embedding an interface there are options to set the width and height for the embed frame:
ff613bdffd6b00cf3c6b637820531f64.png

There aren’t currently options to adjust the font-size or padding etc. but it should be possible to override the CSS for the form by adding additional CSS rules to your website that override the form’s default styling. 

Hope that helps to get you pointed in the right direction. If you run into any issues on that or have further questions just let us know. Happy to assist further!

This post has been closed for comments. Please create a new post if you need help or have a question about this topic.

1 reply

SamB
Community Manager
Forum|alt.badge.img+11
  • Community Manager
  • Answer
  • September 24, 2024

Hi @RaeLum, welcome to the Community! 😁

You can reduce the size of the form by selecting a different width option from the Width field:
fa7dece5d15460a659e663ef720bc7c0.png

And when embedding an interface there are options to set the width and height for the embed frame:
ff613bdffd6b00cf3c6b637820531f64.png

There aren’t currently options to adjust the font-size or padding etc. but it should be possible to override the CSS for the form by adding additional CSS rules to your website that override the form’s default styling. 

Hope that helps to get you pointed in the right direction. If you run into any issues on that or have further questions just let us know. Happy to assist further!