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

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.

Hi there,

The font in the “Sort by” field on the collection page is never the same as the custom font I have on the website in general.

Does anyone know how to chang the font in the “Sort by” field?

Hey @xxxxxx

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

Thanks.

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

Hey @xxxxxx

The code I provided works in the drop-down text as well like I showed you in the screenshot. Also, I checked your website again and it is working for drop-down text as well.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like

It works in all but firefox for me so as far as I am concerned, that’s a solution.

Thanks for your help.