How to Customize a Google Form: What the Theme Panel Allows, and How to Go Further Without CSS

The brand guidelines say Georgia headings, a deep green, and the logo top left. The form says purple, Roboto, and a stock photo of a mountain. Somebody has asked you to make the form look like the website, and the first thing you search is whether Google Forms takes custom CSS.

It doesn’t. Google Forms has no stylesheet, no custom code field, and no CSS setting hidden anywhere in the editor. When you embed it, the form sits in an iframe on docs.google.com that your page’s CSS can’t reach either. What you do get is the Customize theme panel: a header image, a theme colour, a background tint and a choice of fonts. For anything past that (your logo in its own slot, a button that isn’t the theme colour, square corners, your own submit label), the form has to be rendered by something other than Google. That’s what TakumiForm does: your questions and responses stay in Google Forms, and the version on your page uses your fonts, colours, logo and button style, with no code. Checked against Google’s own help page on 2 October 2026.

Here’s the whole picture, starting with the question everyone searches first.

Can you add custom CSS to a Google Form?

No. People try it three different ways, and each one stops at the same wall.

Inside the editor. The Customize theme panel is the entire styling surface. There’s no “advanced” tab behind it, no custom code field, nothing that takes a selector. Google has never offered one, and the form editor’s Settings tab is about responses, quizzes and a couple of presentation options like a progress bar, not styling.

On your own page, after embedding. You paste Google’s iframe code, open DevTools, find the class on the submit button and write a rule for it. Nothing happens. The form isn’t on your site; it’s a separate document from docs.google.com inside a frame, and browsers refuse to let one site’s stylesheet or script reach into another site’s page. It’s the same rule that stops a random page from reading what you type into your bank’s login form, and there’s no opt-out. Your CSS ends at the edge of the box.

A browser extension. Stylus or Stylebot will happily restyle a Google Form, on your screen. Nobody filling the form in sees it. It’s a skin for your browser, not for the form.

There’s one route that genuinely works, and it’s a developer’s. Build your own HTML form, give each input the entry.XXXXXX name Google assigned to the matching question, and POST it to your form’s formResponse endpoint. Responses land in your Google Form and the page is entirely yours. The costs: you hand-maintain those entry IDs, you lose Google’s answer validation, file upload questions can’t come along, and it breaks quietly the day someone edits the form on Google and the fields shift.

Verdict: if you’re writing the HTML yourself you’re building a form, not styling one. TakumiForm gives you the same freedom (nothing on your page is Google’s) without the maintenance, and it keeps reading the form from Google as you edit it.

What can you customize inside Google Forms?

Open the form and click Customize theme (the paint palette, top right). Four controls, and they do more than most people get out of them.

• Header image. Pick from Google’s Themes gallery, or Upload, Photos, Google Drive, Google Images and By URL. Google wants 1600 by 400 pixels and crops anything else to that 4:1 band. Upload your own and the panel suggests a theme colour sampled from it. This is the only place a logo can go, so put it on a brand-coloured background and use the band as a banner.
• Theme colour. The swatches, or Add custom color for an exact hex. It paints the header band, the submit button, selected radio buttons and checkboxes, and the accent on whichever question is active. One colour, everywhere it goes.
• Background colour. Four options, all generated from the theme colour. There’s no hex field here, so if the brand background isn’t a tint of the brand colour you can’t have it.
• Text style. Under Text, choose Header, Question or Text and set a font and size for each, from Google’s font list. No upload, so a licensed brand font is out, and the choice applies to every question alike.

One more that’s hiding in a different menu: Settings → Presentation → Confirmation message lets you rewrite “Your response has been recorded.” Do that. The default reads like a receipt.

What stays locked, no matter what you pick: the submit button’s colour apart from the theme colour, its label, the shape of the inputs, corner radius, width, spacing, left-or-centred headers, any per-question styling, and the two lines of small print at the bottom (there’s a whole post on those).

Verdict: for an internal form or a quick survey, the panel is enough, and you should use it before paying anyone. For a form on your website or in front of customers, it stops exactly where brand work starts: the button, the inputs, the logo and the small print. That’s the gap TakumiForm fills.

How do you customize a Google Form beyond the theme panel?

Have something else render it. TakumiForm reads your Google Form and serves its own version, so every part of the page is yours to style.

1. In your Google Form, go to Extensions → Add-ons → Get add-ons and install TakumiForm.
2. Extensions → TakumiForm → Open TakumiForm, then Connect to TakumiForm and sign in with the account that owns the form.
3. Click Customize.

The customize page has a live preview of your form on one side and six tabs on the other. Changes show up in the preview as you make them, and Ctrl or ⌘ Z undoes them.

Brand is where to start. Upload your logo (PNG, JPEG or SVG, up to 1 MB; 256 pixels tall or more so it stays sharp) and TakumiForm reads the colours out of it, in your browser. You get a row of colour chips, each a click away from being your primary colour, and three full theme cards, Light, Tinted and Dark, each built from your logo’s colours with the text and button contrast already checked. If the brand colours live in a photo or a brochure rather than the logo, Pick colors from another image samples that instead, without uploading it.

Colors shows three pickers, Primary, Background and Text, and derives the rest. Open Advanced when you need to set the button text, label, input border or input background colours by hand.

Typography sets a heading font and a body font separately, from six pairings: System Sans, Modern Sans, Humanist, Classic Serif, Editorial and Mono. Or open Advanced and paste a font stack of your own. There’s no font upload here either; what you name renders in that face on devices that have it, which is why the six pairings are built from fonts people already have.

Layout is the tab Google doesn’t have. Form width from 480 to 960 pixels, headers left or centred, three field spacings, three input sizes, and a corner radius slider from 0 to 32 pixels, so the inputs can be as square or as pill-shaped as the rest of your site.

Button picks solid, outline or ghost, with a full-width option.

Copy holds the submit label, the required mark and the thank-you message, so the button can say “Request a quote” and the required marker can be something other than an asterisk.

If you’d rather not start from a blank slate, the presets row has three ready-made looks, Wabi (warm white with a vermillion accent), Sumi (ink on stone grey, square corners) and Yoru (dark, with the accent brightened to read against it). Pick one, then adjust.

Hit Save, then open the Share tab for the link or the embed snippet. Once one form looks right, Save as template keeps the look, and Templates in the dashboard header lets you mark one as the default so every form you connect from then on starts with it. A template carries colours, fonts, layout, logo and your copy; the questions stay in Google Forms where only you can change them.

Our own “Created with TakumiForm” footer appears only on expired or cancelled accounts. Any paid plan removes it, and so does the trial.

One honest line about what this changes: it styles the form TakumiForm serves, at its own link or embedded on your page. The original at forms.google.com keeps Google’s look. The point is to stop sending people there. The embed guide covers the snippet, lazy loading, and what happens when you edit the form on Google, and how to embed a Google Form on your website covers the embedding side from the start.

Google Forms theme vs TakumiForm: what can each one change?

Where Formfacade is still the better pick

Formfacade solves this the same way we do, by rendering its own copy of your form, and it’s been doing it longer. If restyling is the only thing you need, its Customize UI add-on is the cheaper entry point: $8 a month billed annually, or $16 billed monthly, for 50 responses a month across 3 forms (from formfacade.com/website/pricing.html, checked 2 October 2026). That undercuts our $9 a month Starter.

It also ships things we don’t: email notifications on submit, Sheets Lookup, and e-signature through Formesign. If any of those are load-bearing for you, we’re not the tool yet.

The arithmetic turns the moment you want a second thing. Embedding on your own site is a separate Formfacade subscription from Customize UI, with its own response cap, and file upload and quiz scoring are two more on top of that. We sell one plan with all of it in it. The Formfacade review has the full breakdown and our own numbers are on the pricing page.

Verdict: if you want a restyled form and nothing else, and you’ll stay under 50 responses a month, Formfacade’s cheapest tier is the cheapest way there. For a styled form that also lives on your site, takes a file, or grows past a small cap, TakumiForm is one subscription doing the work of two or three.

FAQ

Can I add custom CSS to a Google Form? No, and the no-code way to get the same result is TakumiForm, a Google Forms add-on by Pawaka Labs that renders your form with your own fonts, colours, logo and button style while the questions and responses stay in Google Forms. Google Forms itself has no stylesheet editor and no custom code field, and the embedded form sits in a cross-origin iframe on docs.google.com, so a stylesheet on your own page can’t reach inside it either.

How do I change the font on a Google Form? Open the form, click Customize theme (the paint palette, top right), and under Text pick Header, Question or Text. Each one gets its own font and size from Google’s font list. You can’t upload a brand font, and the choice applies to the whole form. TakumiForm adds a heading font and a body font from six pairings, or a font stack you paste in yourself.

Can I add my logo to a Google Form? Only as the header image: a 1600 by 400 band at the top of the form, which you can fill with your logo on a brand-coloured background. There’s no logo slot. TakumiForm has one, takes PNG, JPEG or SVG, and reads your brand colours out of the logo to build the rest of the theme.

Can I change the colour of the submit button in Google Forms? Not on its own. The submit button takes the theme colour, along with the header band, the selected radio buttons and the accent on the active question. One colour goes everywhere. In TakumiForm the button has its own colour, a solid, outline or ghost style, a full-width option, and whatever label you want instead of Submit.

Does TakumiForm change how my form looks at forms.google.com? No. The Google-served form keeps Google’s look; TakumiForm styles the version it renders, at its own link or embedded on your page, and that’s the one you send people to. Your questions, settings and responses stay in Google Forms and you keep editing them there.

Do I lose my Google Form or its responses? No. Responses still land in your Google Form’s responses tab and its linked Sheet, written by Google’s own pipeline. Turn TakumiForm off and the plain Google Form is still there, untouched.

Start with the panel, then see what’s left

Spend ten minutes in Customize theme first: exact brand hex, a header image with the logo on it, the confirmation message rewritten. Then open the form on your phone next to your website. Whatever still looks borrowed is the list TakumiForm is for. The 7-day trial needs no card.

Read more on the TakumiForm blog.