Collection banner font size for Craft theme

Store Design
,

Topic summary

A user needed to reduce the collection banner font size in the Craft theme to differentiate it from the brand logo size.

Solution provided:

  • Navigate to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS
  • Add the following CSS code:
h1.collection-hero__title {
    font-size: 30px !important;
}

Outcome:
The solution was confirmed successful by the original poster. The CSS targets the collection hero title specifically, allowing independent control of its font size separate from other theme elements. A screenshot demonstrating the result was included in the response.

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

Hello everyone,
Do you know how to reduce the Collection banner font size for Craft theme so it’s not the same size as the brand logo?

2

Hello, @GiudFabri123
Please share “Store URL”
Thanks!

3

Hello

Will you provide a screenshot of which banner you’re talking about the font for?

4

Hi @GiudFabri123

To complete your requests, please follow these steps:

  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
h1.collection-hero__title {
    font-size: 30px !important;
}

Here is the result:

image_720.png
image_720.png720×293 134 KB

I hope this helps

Best,

Daisy

1 Like
5

Perfect ! thank you