Custom CSS & fonts

Load your own fonts and add custom CSS for anything the settings don't cover.

For the rare thing the theme settings don’t cover, use Settings → Theme → Custom CSS & Fonts. This is the highest-priority layer, so use it sparingly and deliberately.

Custom fonts

  • Google Fonts URL — paste a Google Fonts stylesheet link to load extra families (they’ll then appear in the Typography pickers).
  • Uploaded fonts — brand fonts you upload become available as font choices too.

Custom CSS

A free-form CSS box, applied last — after every theme setting — so it can adjust anything. Use it for fine details the panels don’t expose.

⚠️ Warning: Custom CSS overrides your theme, so it can also break dark mode or responsiveness if it hardcodes values. Prefer the theme settings first; reach here only when you must, and test both light and dark mode after.

💡 Tip: Scope custom rules tightly (target a specific block’s id or class) so a broad rule doesn’t have side effects elsewhere on the site.

Next: Per-block overrides.

← PreviousHero & CTA defaultsNext →Animations