Collection page filter text convert to upper case in dawn V 15.1.0

Store Design
, , , ,

Topic summary

A user seeks to convert collection page filter text to uppercase in Shopify’s Dawn theme version 15.1.0.

Proposed Solutions:

  1. CSS in theme.liquid: Add custom CSS styling before the closing </body> tag in the theme.liquid file to transform filter text to uppercase

  2. Alternative CSS approach: Another user suggests a different CSS snippet targeting the filter elements

Implementation Steps:

  • Navigate to Online Store → Edit Code
  • Locate theme.liquid file
  • Insert the provided CSS code above the </body> tag

Status: The discussion appears resolved with multiple CSS-based solutions offered. The original poster shared their store URL (bazzoit.com) and expressed appreciation for the assistance. Both solutions use CSS text-transform properties to achieve the uppercase styling without modifying core theme files.

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

Hi , I want to make the collection page filters to be in uppercase text

Screenshot 2024-09-16 161511.png
Screenshot 2024-09-16 161511.png1849×113 5.18 KB

Thanks in advance

2

Hi @Sivadarshan , kindly share your store URL please.

3

Hey @Sivadarshan

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

RESULT:

Moeed_0-1726484159338.png
Moeed_0-1726484159338.png1592×232 12.3 KB

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

Best Regards,
Moeed

1 Like
4

www.bazzoit.com

Hi, I am great fan of your work :slightly_smiling_face:

1 Like
5

websensepro_0-1726484324450.png

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

1 Like