All of these are in the Form Settings panel on the right of the form builder. Click Preview to check your changes, then save so visitors see them.
Logo
Click Upload logo and choose a JPEG, PNG, WebP or GIF of up to 10 MB. You can also pick an image you've uploaded to Form Builder before. Then add alt text for screen readers and choose a Size (Small, Medium, Large or Full) and Alignment (Left, Center or Right). Your logo shows at the top of the form, and on the thank-you and closed messages.
Background image
Under Background image, upload an image or reuse an earlier one. It shows behind the form card, not inside it. Then adjust:
- Size: Cover (fill the page), Contain (fit the whole image), Original size or Custom width (16 to 4000 pixels, handy for a repeating pattern).
- Repeat: no repeat, tile, across only or down only.
- Position: click one of the nine squares.
- Scrolling: Scrolls with the page or Stays fixed while scrolling.
- Color wash over the image: pick a color and strength (up to 90%) to make the form easier to read.
Click Reset to defaults to undo your adjustments, or Remove to drop the image. Large images load slowly for visitors, so aim for under 2 MB.
Colors, fonts and labels
- Style: choose Default, Midnight, Warm, Forest or Rose.
- Font: keep Default (system font) or choose a font from the list.
- Field label placement: Above the field or To the left of the field.
Custom CSS
Click Add Custom CSS to write your own styles. They're applied after the style you picked, so they can change anything. Start your rules with #af-form-root to keep them inside the form. For safety, @import lines and a few other risky bits of code are removed from the live form.
Footer and page title
Forms show a small Powered by Author's Toolbox link under the form. Tick Hide "Powered by Author's Toolbox" footer to remove it.
The browser tab shows your form title followed by Your Name from Settings, under Profile.