Skip to main content

I created a form in Airtable and it gave me this html code:



I embedded the code in my web site page here and it does work:

https://captaintime.com/joint-venture-webinars/


However, it gives it a black background instead of the usual green on my site. I tried changing the background transparent to the hex color number and this didn’t work. Nor did changing backgroundColor=yellow to green. Not that yellow was showing anywhere anyway.


Thanks,

@Garland_Coulson, I don’t see a black background when I view your site in Safari:


I quite like the White/Gray scheme of the form in your page, as it causes the form to stand out from the rest of the page. It makes it clear to me as the user that this is a form within your page, and not just more text on the page that blends in.


That’s just onion, though.


Airtable does not offer options for changing the background colors of the form itself, if that is what you are asking about. You can add a logo/background to the header portion of the form (the part that shows with a white background), but you cannot change the color of the section with the gray background.


It’s a shame because these colors are not well accessible.


Hi there!

At miniExtensions, we've created a third-party form that integrates seamlessly with Airtable, offering a variety of styling and customization options. These include color themes, background color changes, adjusting form width, adding header logos and cover images, modifying the submit button text, custom favicons, custom tab titles, and even adding images to individual fields, among other features.

Feel free to explore these features and many more on our site.


Your best bet for this is to use Fillout’s advanced forms for Airtable.

Fillout offers hundreds of features that Airtable’s native forms don’t offer, including the ability to customize the style and branding of your formcustomize a theme for your form, and even write your own custom HTML and CSS to control your form’s formatting.

Fillout also offers advanced features, such as the ability to update Airtable records using a form, create custom PDF files from form submissions, display Airtable lookup fields on forms, create new linked records on a form, control access to a form via SSO or email domains, perform math or other live calculations on your forms, accept payments on forms, collect signatures on a form, create multi-page forms with conditional paths, connect a single form to dozens of external apps simultaneously, add CAPTCHAs to your form, and much more.

I show how to use a few of the advanced features of Fillout on these 2 Airtable podcast episodes:

Hope this helps!

If you’d like to hire the best Airtable consultant to help you with anything Airtable-related, please feel free to contact me through my website: Airtable consultant — ScottWorld


As mentioned by Scott above, I would highly highly highly suggest using Fillout forms.

However, before doing so, pleaaaase make sure to submit this as a feature request using this form. Hopefully that will someday get us more robust Airtable native forms.

Mike, Consultant @ Automatic Nation 
YouTube Channel


Hello ​@Garland_Coulson,

Unfortunately, I don't see the form on the page you shared.

You could try adding CSS to the page to change the form's background. I think this would be the easiest option.

If you are open to using a third-party tool, you could design a Plumsail Form that is integrated with Airtable. These forms are easily customizable using a theme editor, and you can also apply custom CSS if needed. Embedding the form is straightforward: simply copy the code snippet from the settings and insert it onto your webpage.


Reply