How can I center the collection heading on my site?

Topic summary

A user seeks help centering a collection heading on their Shopify store.

Solution Provided:

  • Navigate to: Online Store > Themes > Edit Code > Assets > base.css
  • Add CSS code at the bottom of the file:
    .collection-list-title { margin: 0 auto !important; }
    
  • Save the file after adding the code
  • Ensure any extra spacing elements in the heading are removed

Status: Issue resolved. The user confirmed the solution worked.

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

Hey!

How to center the collection heading?

https://theroundcloud.myshopify.com/

Thanks!

Hi @TheRoundCloud

Please go to Online store > Themes > Edit code > Assets > find base.css file, add code at the bottom, save file

.collection-list-title { margin: 0 auto !important; }

Make sure you remove space elements you added in that heading

1 Like

Thank you!

Welcome! :grin: