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

Custom CSS code lets you fully customize your forms' appearance, aligning it with your brand identity.

Here’s a simple guide to help you add custom CSS to your form:

add css code
  1. Open your Formaloo dashboard and select the project you want to edit

    • Log in to your Formaloo account, and locate the form you want to customize in your dashboard.

  2. Go to the form editor

    • Click on Edit form to open the form editor.

  3. Navigate to the Design tab

    • Once in the form editor, go to the “Design” tab at the top. This tab holds all the design settings for your form.

  4. Scroll down to find the Custom CSS box

    • Scroll down within the Design tab to locate the “Custom CSS” section at the bottom.

  5. Add your custom CSS code

    • In the Custom CSS box, paste or write the CSS code you want to apply to your form.

  6. Save your changes

    • Once you've added your CSS code, make sure to save the changes to apply them to your form.

🗄️ 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
Did this answer your question?