Changing to custom font in "Sort by" field, Dawn 10

Shopify Discussion

Topic summary

A user encountered an issue where the custom font on their website wasn’t applying to the “Sort by” field on collection pages in the Dawn 10 theme.

Solution provided:

  • Add custom CSS code to the theme.liquid file, placed above the </body> tag
  • The code targets the sort dropdown to apply the desired font styling

Outcome:
The solution successfully changed the font for both the initial “Sort by” text and the dropdown options. However, the original poster noted a browser-specific limitation: the fix works across browsers except Firefox. Despite this minor inconsistency, they accepted it as a working solution.

Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
3

Thanks.

That worked for the initial text, but not for the drop-down text.