How can I modify collection names in Dawn theme?

Store Design

Topic summary

Goal: In Shopify’s Dawn theme, display the collection name centered over the collection image (as shown in the attached screenshot) instead of below the image with a trailing arrow.

Guidance: A respondent states this requires advanced customization of the collection banner and is not a simple theme setting. It involves editing Liquid templates with HTML and CSS.

Suggested steps:

  • Convert the image block into a background image on the banner/container.
  • Center the collection title both vertically and horizontally using CSS Flexbox (a Stack Overflow reference on centering with Flexbox was provided).

Notes: The screenshot is central to understanding the desired layout.

Outcome/Status: No code snippets or implementation details were shared, and the original poster did not confirm a solution. An offer to hire for implementation was made. The issue remains open/unresolved.

Summarized with AI on January 15. AI used: gpt-5.
1

IMG_6515.jpeg
IMG_6515.jpeg1074×771 79.7 KB

Hello,

I am using dawn theme and I want my collection name to be appear as shown in the picture.
Currently it’s showing under the image and with an arrow in the end.

Thank you

2

This needs advanced customization in your collection banner theme. If you understand the customization in liquid with the help of HTML and CSS, please do as mentioned below.

  1. Change your image block and implement it as background.

  2. Align text as center vertically and horizontally to be in the center of the block, you can use flex to center.

https://stackoverflow.com/questions/19026884/flexbox-center-horizontally-and-vertically

or you can hire us to implement the same.