Contents

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.

Previewing

Use the Preview button in the form builder to see your form with the uploaded CSS applied before sharing any links.

See also: Building Your Referral Form.