Adding one photo to page - Dawn Theme

Store Design
1

I’m using the Dawn theme and want to add a photo in the middle of a page. I don’t see that is an option. Has anyone figured out how to do that? I don’t want it stretched or any text by it.

2 Likes
2

To add picture on the page, you can simply add a section with hero image then upload the photo to the section image.

If you need more collaboration or little assistance you can let me know i will help you fix it.

4

I’m not sure what you mean by hero image, was that a mistype?

5

I can check it out for you and help you fix it, if you are open to it

6
7

@neverlandgarden please go to customize settings and check if you have an option to add section hero image, image banner or image with text.
Shopify uses shared template approach and hence session added to product page will be visible on all the pages. If you want page specific then you will need to either use separate template or some page builder app like pagefly

8

Right, Hero (or Banner) section is usually full-bleed.

If you want an image in the middle of the page, your best bet would be (unexpectedly :slight_smile:) the “Multicolumn” section.

Just set Columns to 1 on desktop and remove all other content except for the image on the only column block:

Screenshot 2025-11-15 at 2.26.52 PM
Screenshot 2025-11-15 at 2.26.52 PM1611×726 199 KB

Another option is to use the “Banner” section, but then again, remove all unwanted content and add this into “Custom CSS” setting of this Banner section:

{
  max-width: var(--page-width);
  padding: 0 1.5rem;
  margin: 0 auto;
}
@media (min-width: 990px) {
   {
    padding: 0 5rem;
  }
}

This code is meant to be used in a Section “Custom CSS” setting and would not work elsewhere

9

Hi @neverlandgarden ,
You can absolutely add a single centered image in Dawn - the theme just doesn’t provide a dedicated “image only” block by default on regular pages. Here are a few easy ways to do it:

Option 1: Use the “Image banner” section (simple)

  1. Go to Online Store → Pages → open your page.
  2. Click Customize.
  3. From the left panel, click Add section.
  4. Choose Image banner.
  5. Upload your image.
  6. Remove the heading/text blocks inside the banner so only the image remains.

The banner will automatically center the image and won’t stretch it unless you enable “Adapt to image” (leave that OFF for natural size).

Option 2: Use “Image with text” but delete text

  1. Add Image with text section.
  2. Remove the text block.
  3. Select “Image first” and it will display the image centered with no text beside it.