How to adjust featured collection heading to be in middle

Store Design
, , , ,

Topic summary

A user needed help centering the featured collection heading on their Shopify Dawn theme website, which was displaying left-aligned by default.

Initial Solution Attempt:

  • First CSS code targeting h2.title.inline-richtext.h1.scroll-trigger.animate–slide-in with text-align: center !important; did not resolve the issue
  • Instructions included navigating to Online store >> Themes >> Customize >> Settings >> Custom CSS tab

Working Solution:

  • Alternative CSS code .collection__title {text-align: center !important;} successfully centered the heading
  • User confirmed this second approach worked

Status: Resolved. The issue was fixed using custom CSS targeting the collection title class.

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

How do I adjust the heading to be in the middle , it displays all the way to the left on DAWN theme
suki.com.au
pass - deucea

2

sukico.com.au sorry typed my website incorrect

4

Hi @JGBowie

Go to Online store >> Themes >> Customize >> Click on Settings icon to the left >> Scroll down to the bottom and paste it to the custom CSS tab.

h2.title.inline-richtext.h1.scroll-trigger.animate–slide-in {

text-align: center !important;

}

5

image
image1920Ă—1080 335 KB

6

this one didn’t work :confused:

7

Can you please try below if that was not working or let me know where you added the css
.collection__title {text-align: center !important;

}

8

this worked thank you !

1 Like
9

@JGBowie
If you find this helpful, please mark the answer as solution.