Custom Form CSS

By default, your public referral form uses the same Bootstrap-based styling as the rest of Smart Referrals. If you'd like your form to match your own branding, you can upload a custom stylesheet.

Uploading a stylesheet

1. Go to Organization → Organization settings → Form Overview.
2. Under Upload new stylesheet, choose a .css or .scss file.
3. Check Overwrite Default? if you want your stylesheet to fully replace the built-in styling rather than layer on top of it.
4. Click Save.

Once uploaded, View source lets you double-check exactly what was saved. Your active sheet is served at /css/<your form's id> and loaded automatically whenever your public form is viewed.

Checking your changes

Open one of your form's share links from the Sources page to see the uploaded CSS applied to the real form. Hard-refresh if you've just replaced a stylesheet — your browser may still be holding the old one.

See also: Building Your Referral Form.