Center collection headings - Origin theme

Store Design
, ,

Topic summary

A user seeks help centering collection page headings in Shopify’s Origin theme.

Proposed Solutions:
Multiple respondents suggest similar CSS-based fixes:

  • Navigate to: Online Store → Themes → Edit Code → Assets → base.css
  • Add CSS targeting .collection-hero__title with text-align: center; at the bottom of the file

One respondent also mentions adding code to the theme.liquid file before the </body> tag as an alternative approach.

Status: The thread presents consistent technical solutions but lacks confirmation from the original poster on whether any solution successfully resolved the issue.

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

Hi there!

Trying to centre the heading for collections, normally I can work this out but Origin theme is pretty new to me.

Any help would be so helpful thank you!

Preview link https://7fb7cytt19he4lzy-79755870509.shopifypreview.com

:slightly_smiling_face:

1 Like
2

Hello @joeereira

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.collection-hero__title {
text-align: center;
}

ZestardTech_0-1692624690692.png
ZestardTech_0-1692624690692.png1913×641 72.9 KB

3

Hi @joeereira ,

This is Anthony from Beae Landing Page Builder, and I’m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store → Theme → Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony

4

Hello @joeereira

Please add the following CSS at the end of the file Online Store → Theme → Edit code → Assets → base.css:

.collection-hero__title
{
     text-align: center;
}

Please hit Like and Mark it as a Solution if you find our reply helpful.