Collection list header/Title centred

Store Design
,

Topic summary

A user seeks help centering collection list titles on their Shopify store, providing a screenshot and store URL showing left-aligned titles.

Two solutions were offered:

  1. CSS approach: Add custom CSS to theme.css or base.css targeting the title wrapper class with justify-content: center and display: flex

  2. theme.liquid approach: Insert custom code (likely CSS within <style> tags) directly into the theme.liquid file just above the </head> tag

Both solutions target the same visual outcome of centering collection titles. The original poster confirmed the issue was resolved with a thank you, though they didn’t specify which solution they implemented.

Status: Resolved

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

i am trying to center the titles in the collection lists

how can i center it please?

Artez_0-1748444136649.png
Artez_0-1748444136649.png1203×747 645 KB

https://wmqgez-r2.myshopify.com/

2

Hi @Artez ,

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
.title-wrapper-with-link.title-wrapper--self-padded-mobile.title-wrapper--no-top-margin {
    justify-content: center;
    display: flex;
}

Thanks!

1 Like
3

Hi @Artez ,

I have written custom code to get this done. To do this you will have to edit theme.liquid.

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the below code just above

theycallmemakka_0-1748445005282.png
theycallmemakka_0-1748445005282.png1674×257 156 KB

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

4

Thank you very much.