Centering the 'Featured Collection' title to the center

Topic summary

A user seeks help centering the ‘Featured Collection’ heading in Shopify’s Dawn theme 6.0, which defaults to left alignment with no built-in option to change it.

Initial Solutions Proposed:

  • Add style="text-align: center;" inside the <h2> tag in the featured-collection.liquid file
  • Navigate via: Themes menu → Actions → Edit code → Sections folder → featured-collection.liquid

The original poster reports this approach doesn’t work initially.

Alternative Fix:

  • Modify the position attribute to "center" in the featured-collection.liquid file (shown via screenshot)
  • Another suggestion: try justify-content: center

Current Status:

  • Multiple users confirm the position=“center” method successfully resolved the issue
  • One user notes this works for Featured Collections but not Collection Lists, suggesting different code may be needed for that component
  • The discussion appears resolved for the original Featured Collection centering question, with several participants reporting success
Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.

Hello could someone help me align the ‘featured collection’ heading to the center as in dawn theme 6.0 it comes already aligned to the left and theres no option or tutorial to change it to the center.

In your featured-collection.liquid file, search for the h2 tag:

## {{ section.settings.title | escape }}

and inside of the h2 tag add the code

style="text-align: center;"
1 Like

which part inside of the h2 tag should i add the code?

Go to themes menu → action → edit code

Choose sections folder → edit featured-collection.liquid file and add style attribute in the h2 tag

## {{ section.settings.title | escape }}

i copied and pasted it and its still not working

What is your site URL?

did you ever fix it?

Try justify-content: center

1 Like

hi, can’t see the above lines such as H2 in my version

Go to themes menu > action > edit code > featured-collection.liquid file and add “center” to position as shown in image below:


6 Likes

This one is simple and worked for me.

Thanks G

Hello. This code worked for me but only for the “Latest Arrivals” which is a featured collection. The “Brands” is a collection list & it didn’t work. Is there a way to fix this?

worked for me!

I tried everything on the internet. And this is the only thing that worked! Thank you and great job!