Overlaying images while using a theme (Dawn v15.2.0)

Topic summary

Goal: place brand text using a custom font over a background image in Shopify’s Dawn (v15.2.0), achieving a text-over-image visual similar to the provided mockup.

Context: Shopify Support indicated Dawn doesn’t natively support this overlay behavior and would require custom development (Liquid/CSS/JS). The requester is a software engineer but new to Liquid/Shopify and seeks either direct implementation guidance or a solid tutorial for a custom solution.

Key terms: Liquid (Shopify’s templating language) and Dawn (Shopify’s default theme) are central to implementation details.

Attachment: An example image is provided and is important to understand the desired effect.

Responses so far: One suggestion proposes a non-code workaround—precomposing the text onto the image in Photoshop using the custom font.

Outcome/Status: No coded solution or step‑by‑step tutorial has been provided yet. The thread remains open with the main unresolved question being how to implement the overlay via custom code in Dawn.

Summarized with AI on December 17. AI used: gpt-5.

My client uses a custom-made font for their brand. The font is only used for specific things, such as their logo and the name of the collection they recently released.

They want the images to be overlaid over a background image as if they were text (because they are). I worked with Shopify Support who informed me that because we are using a theme (Dawn 15.2.0), overlaying images is not allowed out of the box and will require custom development.

I’m a software engineer, but I don’t have experience working with Liquid/Shopify. And any tutorials I try to look up try SO HARD to point me AWAY from a custom code solution. So I could either use some direct help with this problem or a link to a decent tutorial where I can learn more about how to actually do this.

Thanks a ton.

Have you try to use photoshop and add text with this font to image?