Skip to main content
Curator supports injecting custom CSS and HTML into your site through the theme settings. This is useful for adding custom fonts, third-party scripts, or styling overrides that go beyond the built-in theme options.
The code in this section is not supported by the Curator team and will need to be self-managed.
Changing Enable Custom Styles, the Head Insert, or the Custom Stylesheet requires the Manage custom code backend permission. Administrators without it see these fields locked, and saving the theme keeps the existing custom code. See Backend Administrator Permissions.

​
Enabling Custom Styles

  2. Toggle on Enable Custom Styles (CSS / HTML inserts).
  3. Click “Save” to apply your changes. A new Custom Styles tab will appear in the theme editor.

​
Using the Custom Styles Tab

Once the toggle is enabled, the Custom Styles tab provides two code editors:
  • Head Insert — A code editor for custom HTML that is inserted into the <head> section of every page. Use this for JavaScript, external libraries, fonts, or any other tags that belong in the document head.
  • Custom Stylesheet — A code editor for custom CSS that is appended to the end of your compiled theme stylesheet. Use this for all custom page styles. Because it is appended last, these styles will override any default theme styles.

​
Fallback Behavior for Secondary Themes

If a secondary theme (one that is not the Global Theme) does not have Enable Custom Styles toggled on but does have Use Global Theme for Defaults enabled, Curator will check the Global Theme. If the Global Theme has custom styles enabled, the secondary theme will inherit the Global Theme’s custom CSS. The same fallback does not apply to the Head Insert, which is resolved through group overrides independently.