Change all collection titles to normal font

Luxurymrkt · ‎03-03-2025

HGi,

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

Thank You | mike

B2Bridge · ‎03-03-2025

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;
}

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

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

Promer-Alena · ‎03-03-2025

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

Change all collection titles to normal font

Change all collection titles to normal font

Community Blog Articles