Dawn Theme - Centering "Feature Products" Header

Store Design

Topic summary

A user seeks help centering the “Featured Products” header in Shopify’s Dawn theme.

Initial Solutions Attempted:

  • First suggestion: Add CSS to assets/template-collection.css
  • Second suggestion: Add CSS targeting .rich-text__blocks to base.css
  • Neither initial solution worked for the user

Resolution:
After the user shared their store URL (krispywaffles.com), a community member provided updated CSS code to add to the bottom of base.css:

.collection__title.title-wrapper { text-align: center !important; }

This solution successfully centered the header. The issue is now resolved.

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

Hello,

On the Dawn Theme, I need help with centering this header. I took a screenshot for your reference.

Screenshot 2023-06-25 at 9.10.57 AM.png
Screenshot 2023-06-25 at 9.10.57 AM.png1733×1312 256 KB

2

@KrispyWaffles

Please add the following CSS code to your assets/template-collection.css bottom of the file.

.collection__title.title-wrapper {text-align: center !important;}

Thanks!

3

didn’t work.

4

@KrispyWaffles

Please share your store URL!

Thanks!

5

Hi @KrispyWaffles

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the base.css file:

.rich-text__blocks {text-align: center;}

Regards,

San

6

Didn’t work. Here’s the URL krispywaffles.com

7

krispywaffles.com

8

Hi @KrispyWaffles

Thanks for sharing the URL.

Please add this css in your bottom of the base.css file:

.collection__title.title-wrapper {text-align: center;}

9

It worked! Thanks for your Help! :grinning_face: