# Dawn theme - issue with customizing home page

**URL:** <https://forum.ghost.org/t/dawn-theme-issue-with-customizing-home-page/20997>\
**Category:** Themes\
**Created:** [March 20, 2021, 11:24am UTC](https://forum.ghost.org/t/dawn-theme-issue-with-customizing-home-page/20997 "2021-03-20T11:24:32Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![provesay](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/provesay/32/10332_2.png) [@provesay](https://forum.ghost.org/u/provesay)\
**Post date:** [March 20, 2021, 11:24am UTC](https://forum.ghost.org/t/dawn-theme-issue-with-customizing-home-page/20997/1 "2021-03-20T11:24:33Z")

</div>

I want to embed the contents of a page on the home page and be able to edit the embedded page within Ghost admin. I found [these instructions](https://ghost.org/docs/tutorials/custom-home-page/#rendering-ghost-content) which seemed to accomplish what I want but I’m having some issues with the result. If there’s an easier way of doing this please let me know.

As I’m only in the planning stages and so far am just testing different blog platforms I don’t have a production environment, I’m only running in a local development mode, so I can’t link to the blog.

Ghost version: 4.1.0  
Theme version: 1.0.0

The short version of what I’ve done is this (long version further below). I edit the file `\partials\cover.hbs` and `routes.yaml` according to [the instructions](https://ghost.org/docs/tutorials/custom-home-page/#rendering-ghost-content) but in my case I use the slug `default` and `default.hbs` instead of `home` as there is no `home` in the Dawn theme. In the screenshots below you can see what I have, want and get. The issue is that the list of recent posts disappears and I can’t figure out why.

**What I have**

 ![Ghost - what I have](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/2X/6/6976f63a9d0637e3899272d67fdd187c1a37c0b3.png)

**What I want**

 ![Ghost - what I want](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/2X/a/a77c5170baa3fc7c3b4df748817a8aa6ee08edfd.png)

**What I get**

 ![Ghost - what I get](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/2X/3/3031b6672b8b22085204a25eaf0dc2dcac86decb.png)

**Long version**

- I create page and set the slug to `default` since that’s the name of the theme’s home page.

- In the page i write:

- …and publish the page.

- I download the theme, rename the ZIP file to `dawn-master-mod.zip` and unzip the contents.

- Since I want to remove the **Login** and **Subscribe** buttons, the publication icon and site description and add my own text I edit the file `\partials\cover.hbs` from this:

```auto
<div class="cover container">
    <div class="cover-content">
        {{#if @site.icon}}
            <div class="cover-icon">
                <img class="cover-icon-image" src="{{@site.icon}}" alt="{{@site.title}}">
            </div>
        {{/if}}

        {{#if @site.description}}
            <div class="cover-description">{{@site.description}}</div>
        {{/if}}

        {{#unless @member}}
            <div class="cover-cta">
                <button class="button members-subscribe" data-portal="signup">Subscribe now</button>
                <button class="button button-secondary members-login" data-portal="signin">Login</button>
            </div>
        {{/unless}}
    </div>
</div>

```

- to this:

```auto
<div class="cover container">
	<div class="content-area">
		{{#page}}
            <div>
                <h2>{{title}}</h2>
                {{content}}
            </div>
        {{/page}}
	</div>
</div>

```

- I download `routes.yaml` and since my slug is `default` and the template is called `default.hbs` I edit it from this:

```auto
routes:

collections:
  /:
    permalink: /{slug}/
    template: index

taxonomies:
  tag: /tag/{slug}/
  author: /author/{slug}/

```

- to this:

```auto
routes:
 /:
   data: page.default
   template: default

collections:
  /:
    permalink: /{slug}/
    template: index

taxonomies:
  tag: /tag/{slug}/
  author: /author/{slug}/

```

- I upload the modified theme and `routes.yaml` and refresh the site and get the result in the screenshot below. As you can see, the list of recent posts disappeared, which is not what I want.

 ![Ghost - what I get](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/2X/3/3031b6672b8b22085204a25eaf0dc2dcac86decb.png)

As far as I can tell it’s the `\partials\modal.hbs` that contains the code for the list of recent posts and that is still referenced in `default.hbs` as you can see in the excerpt below. So why does it drop the post list after my changes described above?

```auto
<div class="site">
        {{> header}}
        {{#is "home"}}
            {{> cover}}
            {{> featured}}
        {{/is}}
        <div class="site-content">
            {{{body}}}
        </div>
        {{> footer}}
        {{> modal}}
        {{> pswp}}
</div>

```

---

<div class="post-metadata">

**Author:** ![provesay](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/provesay/32/10332_2.png) [@provesay](https://forum.ghost.org/u/provesay)\
**Post date:** [March 21, 2021, 1:39pm UTC](https://forum.ghost.org/t/dawn-theme-issue-with-customizing-home-page/20997/2 "2021-03-21T13:39:18Z")

</div>

Seems like you can’t edit a post after a certain time so I’ll just reply here instead. I noticed in other threads that some add the information below at the top of the post, so I’ll add this here and see if it does any good.

- What’s your URL? Local dev environment
- What version of Ghost are you using? 4.1.0
- How was Ghost installed and configured? [How to install Ghost locally on Mac, PC or Linux](https://ghost.org/docs/install/local/)
- What Node version, database, OS & browser are you using? Node 12.19.0, SQLite3, Windows, Firefox

After further troubleshooting I’ve also realized that I was wrong about `\partials\modal.hbs` being the file to look at. Instead it’s the `index.hbs` and `\partials\loop` that are being used to produce the list of recent posts. The `index.hbs` looks like below. I’m guessing I should do something with this part; `{{!< default}}` and I’ve tried modifying it in multiple ways but still haven’t managed to get the list to appear. Any help in getting this to work would be much appreciated.

```auto
{{!< default}}

<div class="content-area">
    <main class="site-main">
        <div class="post-feed container medium">
            {{#foreach posts}}
                {{> "loop"}}
            {{/foreach}}
        </div>
        {{pagination}}
    </main>
</div>

```