Do I need coding skills to use custom CSS in Formester?

Not necessarily, but you will need to write or paste CSS to restyle your form. You can generate ready-to-use CSS with a tool like ChatGPT and apply it through Formester's CSS Selector Mode.

Will my custom CSS work on all devices?

Yes. Every style change is responsive by default, and you can preview how the form looks on desktop, tablet, and mobile before you publish.

Can I undo or reset CSS changes if something goes wrong?

Absolutely. You can revert to the default styles at any time with a single click, or save multiple CSS versions so rolling back is easy.

Can I use custom animations or transitions?

Yes. Add your own CSS animation rules for hover effects, fade-ins, and movement to give your form a modern, dynamic feel.

Can I apply my company's branding across all my forms?

Yes. Pair custom CSS with Formester's Branding Kit to keep brand colors, typography, and button styles consistent across every form.

Will custom CSS slow down my forms?

No. Formester loads CSS efficiently, so your forms stay fast and responsive even with advanced styling.

Can multiple team members edit the same form's CSS?

Yes. If your plan includes collaboration, teammates can edit and review CSS together in the builder without overwriting each other's work.

What happens when I embed a styled form on my website?

Your styling stays intact. Embedded forms keep all of their design, spacing, and animation settings exactly as you saw them in preview.

BusinessCustom CSS Forms

Take full control of how your forms look

Style any form with your own CSS — brand colors, fonts, spacing, button shapes, and smooth animations. Target the whole form or a single field, with no plugins and a responsive preview built in.

Get Started

form.css

.fm-form {
font-family: serif;
}
.fm-input {
border-radius: 11px;
}
.fm-button {
background: #6434d0;
border-radius: 999px;
}

Get in touch

Name

Jane Cooper

jane@acme.com

Submit

Trusted by 56k+ teams worldwide

5/5

4.4/5

5/5

4.7/5

What you can style

Make every form unmistakably yours

From a single accent color to a full design system, custom CSS lets you control every part of the form.

FAcme Co.

#6434d0Brand palette applied

Brand colors & logo

Match your brand, down to the pixel

Set your brand color, drop in your logo, and recolor backgrounds, borders, and headings so the form looks like it has always lived on your site.

Script editor

.fm-input {
border-radius: 12px;
font-family: 'Inter';
padding: 14px;
}

Fonts & custom CSS

Write the CSS, or paste it in

Open the script editor and set fonts, spacing, and field styles. Write your own rules or paste ready-made CSS — even from a tool like ChatGPT — and apply it through CSS Selector Mode.

Email address.fm-label

.fm-input

Please enter a valid email.fm-error

Submit.fm-button

Full control

Style any element in the form

It's real CSS, so nothing is off-limits. Target buttons, inputs, labels, help text, error messages, and spacing — and their hover, focus, and validation states. If you can select it, you can style it.

Anatomy

Every part of a fully-branded form

Custom CSS reaches each element on the form — so the logo, colors, type, and button all carry your brand.

1LogoAdd your own logo to the top of the form so respondents know exactly whose form they're filling out.

2Brand colorRecolor accents, focus rings, and the submit button to your exact brand hex.

FAcme Co.

Request a demo

Set in your brand typeface

Submit

3Custom fontSwitch the form to your brand typeface so the copy matches your website and emails.

4Button radiusSet the corner radius and padding on the submit button — from sharp corners to a fully rounded pill.

How it works

Style your form in four steps

Build the form, open the design tab, pick what to style, then preview and publish.

Open the design tab

Create your form with the AI form builder, then open it and click the Design tab at the top — every styling option lives here.

BuildDesignShare

Turn on CSS Selector Mode

Scroll to the Custom CSS section and switch on CSS Selector Mode — this lets you target the whole form or any single element.

CSS Selector Mode

Pick what to style

Hover the whole form, or a single field, title, or button. Add a class selector to style all fields of a type, or an individual selector for just one.

.fm-inputClass selector

#email-fieldIndividual

Preview and publish

Check the form on desktop, tablet, and mobile to be sure every style holds. When it looks right, save and publish to go live.

PublishedLooks great on every device

Testimonials

Teams ship on-brand forms with Formester

"I'm migrating my forms from Paperform, where I've been a user for over 4 years. Loving the software so far! I've already replaced Paperform form embed…"

Dr. Michele Ross

Founder

"Formester is really easy to use and an exceptional alternative for Typeform. We use it for call for papers, lead registrations, feedback and surveys a…"

Jilson

Organiser

"Formester is simple enough for non-developers and sophisticated enough for developers. I'd say being able to choose between simplicity and complexity …"

Costanza Casullo

Volunteer

"I was searching for a long time for a product I could use to send newsletters and surveys to my database. I tried so many different types of software …"

Deanna Bugalski

Founder/CEO

"I really enjoy Formester. It’s clean and straight-forward and it does well, what it is supposed to do."

Thibaud Martinez

Organiser

"Formester's AI form generator transformed how quickly we build forms. The drag-and-drop builder paired with AI-generated templates means I can spin up…"

Bency

Product Manager

"I use Formester for my form-building needs and I’m thoroughly impressed. The platform is rich with features… What really sets them apart is their exce…"

Roger

Marketing Specialist

"Formester is one of the best underrated survey tools out there… It’s extremely customizable… Their support is awesome… I absolutely recommend this to …"

Ye Qi Lai

UX Designer

FAQ

Custom CSS FAQs

Find answers to common questions below, or reach out to our team for more help.

Business plan

Design a form that's truly yours

Take full control of colors, fonts, spacing, and animation with custom CSS.

Get Started See pricing