Forms' look & design
Customize the appearance of your forms. Make your forms visually aligned with your style.
21 articles
How to create design themes (colors, fonts, layout, visuals) and reuse them across formsLearn how to create reusable workspace themes (brand kits) in Formaloo to keep your forms consistent and avoid repetitive design setup. Edit the theme to instantly update every form using…
Design the look of your formDesign your perfect form! Customize colors & backgrounds, layout, fonts & more. Explore more options with CSS.
How to add a custom CSS code to the formCustom css code: where to add them and what are the selectors?
Most requested form's custom CSSCustomize appearance: Adjust font sizes, colors, and modify field sizes and spacing.
All supported CSS classnames in FormalooComplete reference list of all CSS classnames supported in Formaloo for customizing fields, buttons, and layout styles.
How to target any form field with custom CSS & JS (using field IDs)Style and control your form fields using Custom CSS and Custom JS. Add your own code when the form loads and reliably target specific fields – even on multi-page forms…
How to create a classic (single-step) formDisplay all your form fields on one page or manually split them into multiple pages.
How to create a form with one question per pageLet your users focus on one question at a time by changing your form layout in just a few clicks.
How to add individual cover images per page in one‑question‑at‑a‑time formsGive every question its own visual context – use individual cover images per page in 1QAT forms to improve clarity, reinforce messaging, and keep respondents guided and engaged as they…
How to add a individual cover image to each page of a Classic form in FormalooLearn how to add a unique cover image to each page of a Classic form in Formaloo — and how page-level covers interact with your form's default cover image.
Recommended sizes for the cover imageAdjust your images accordingly to maintain quality and consistency.
How to customize the text in your formCustomize key elements of your form, from descriptions and button labels to success messages and content blocks.
How to preview your form on mobileFormaloo forms are fully responsive, so they adapt to any screen size. If you want to check how your form looks and feels on mobile, there are two ways to…
How to center an image on your formOne click to change the alignment of the images on your form!
Field width in Formaloo: how to create compact and well-structured formsLearn how to use field width in Formaloo to place multiple questions in one row, build compact forms, and improve layout, clarity, and completion rates.
How to adjust form width and field spacing in FormalooLearn how to adjust form width and field spacing in Formaloo to control layout, improve embedded forms, and create clean, perfectly aligned form designs.
Why text may not be visible when typing in a form fieldLearn why typed text may not show in a field and how to restore visibility instantly by tweaking Answer background color opacity.
How to remove Formaloo brandingTo have fully white-label branding on Formaloo, you can remove our branding and add your own.
How to hide the title of fromHide form title: disable the "Show form title" button in the "Design" tab.
How to add a title, logo, and description to your formMake your form stand out by adding a custom title, logo, and description. You can also center your content or hide the default title.
How to customize Rating/CSAT icon colors with Custom CSSLearn how to change the colors of rating field icons (stars, hearts, etc.) in your form using custom CSS and field IDs. Perfect for matching your brand style or improving…