How to bold and center a collection title

Store Design
,

Topic summary

A user needed help centering and bolding their collection title on their Shopify store.

Solution provided:

  • Navigate to Online Store → Theme → Edit Code
  • Locate the CSS file (base.css, theme.css, style.css, main.css, or custom.css)
  • Add the following CSS code:
h1.collection-hero__title {
    text-align: center !important;
    font-weight: 700 !important;
}

Resolution:
The solution initially didn’t work when the user tried it, but they resolved the issue by placing the code in the correct file (base.css instead of custom.css). The discussion is now resolved with the user successfully implementing the centered, bold collection title.

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

Hello,

I need help with moving my collection title to the middle also I would like to make it bolder but I have no clue how to do that. Can someone would help me with it I would be grateful

IMG_1372.jpeg
IMG_1372.jpeg1206×2622 206 KB

2

Hi @Alexdontero ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

h1.collection-hero__title {
    text-align: center !important;
    font-weight: 700 !important;
}
1 Like
3

I tried but it doesn’t work unfortunatelly

4

Nevermind thank you I pasted it in Custom.css instead Base.css