Change all collection titles to normal font

Store Design
, , , , , , , ,

Topic summary

A user wants to convert collection page titles from uppercase to normal (sentence case) formatting on their Shopify store.

Two CSS solutions were provided:

  • Option 1: Add code to component-card.css file:

    h1.collection-banner__text-container-heading {
  text-transform: lowercase !important;
}

    Note: This uses lowercase, which may not be the intended result.

  • Option 2: Add code via Theme Customizer > Custom CSS or in theme.css/base.css:

    .collection-hero__title {
  text-transform: none !important;
}

Additional troubleshooting: Check theme settings under Typography for font customization options if CSS changes don’t take effect.

The discussion remains open with no confirmation of which solution worked.

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

HGi,

I want to change my collection titles from uppercase to normal font. My site is: https://vazluxe.com/collections/womens-jewelry-1

fd.png
fd.png2419×642 92.8 KB

2

Hi @Luxurymrkt , you can follow these steps:

Step 1: Open Online Store → Themes → Edit code.

Step 2: Find component-card.css file

Step 3: Paste this code at the bottom of the file

h1.collection-banner__text-container-heading {
  text-transform: lowercase !important;
}

Screenshot_4.png
Screenshot_4.png1271×888 104 KB

If this is helpful, please let us know by giving us a like and marking it as a solution. Thank you :heart_eyes:

3

You can change your collection titles from uppercase to normal font by modifying your theme’s CSS. Try adding this code to Online Store > Themes > Customize > Theme Settings > Custom CSS (or inside your theme.css or base.css file):

.collection-hero__title {
text-transform: none !important;
}

If the titles are still in uppercase, check if your theme settings allow font customization under Typography