Skip to main content
All CollectionsBuild & customizeCustom CSS on forms
How to add a custom CSS code to the form
How to add a custom CSS code to the form

Custom css code: where to add them and what are the selectors?

Updated over a week ago

You can customize your form and have it look however you wish using custom CSS. While the built-in design options are great, custom CSS lets you take full control and truly match your brand identity.

Here's a step-by-step to adding custom CSS to your form:

1. Open your formaloo and edit the base of your form

Head over to your formaloo and edit the base of the form you want to customize.

2. Head to the Design tab of your base

Now that you're in the form editor, click the “Design” tab to open the design settings of your form. Scroll down to find the Custom CSS box.

🗄️ Old dashboard:

Edit your form and click on the “Design” tab. At the bottom, open the “Custom CSS” option. There you can add style to the pre-made classes we’ve added for you.

custom css box

3. Add your customization in the CSS box

We’ve built a cheat sheet tool with Formaloo so you can find the CSS style you want to add to your selector. Check it out here and go through the different possibilities.

Did this answer your question?