# Lyra Theme - Changing Postcard Views on Homepage

**URL:** <https://forum.ghost.org/t/lyra-theme-changing-postcard-views-on-homepage/12165>\
**Category:** Themes\
**Created:** [February 21, 2020, 8:13am UTC](https://forum.ghost.org/t/lyra-theme-changing-postcard-views-on-homepage/12165 "2020-02-21T08:13:10Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jpm](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/jpm/32/13619_2.png) [@jpm](https://forum.ghost.org/u/jpm)\
**Post date:** [February 21, 2020, 8:13am UTC](https://forum.ghost.org/t/lyra-theme-changing-postcard-views-on-homepage/12165/1 "2020-02-21T08:13:10Z")

</div>

I’m testing out the Lyra Theme for Ghost 3. Can someone direct me to how I can change the layout. Right now, its displaying as follow:

1 Post

* * *

3 Posts

* * *

2 Post

* * *

1 Posts

* * *

3 Posts

* * *

2 Posts

* * *

I just want to change this to the following:

1 Post

* * *

3 Posts

* * *

3 Posts

* * *

3 Posts

* * *

3 Posts

* * *

I’m not too particular about how the last row displays, as it depends on the number of posts. But I feel by reducing the size of thumbnail (with 3 Post layouts) - the page could load faster in Lyra.

Thanks in advance.

---

<div class="post-metadata">

**Author:** ![jpm](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/jpm/32/13619_2.png) [@jpm](https://forum.ghost.org/u/jpm)\
**Post date:** [February 25, 2020, 6:34am UTC](https://forum.ghost.org/t/lyra-theme-changing-postcard-views-on-homepage/12165/2 "2020-02-25T06:34:36Z")

</div>

Anyone?

---

<div class="post-metadata">

**Author:** ![vilagosg](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/vilagosg/32/2918_2.png) [@vilagosg](https://forum.ghost.org/u/vilagosg)\
**Post date:** [February 25, 2020, 12:05pm UTC](https://forum.ghost.org/t/lyra-theme-changing-postcard-views-on-homepage/12165/3 "2020-02-25T12:05:19Z")

</div>

Hi!

According to the documentation ([Ghost Handlebars Theme Helpers: has](https://ghost.org/docs/api/v3/handlebars-themes/helpers/has/#foreach-loop-number-or-index)), you have to simply change the foreach settings in partials/post-card.hbs file:

from:

```auto
<article class="post-card {{post_class}} {{#unless feature_image}}no-image{{else}}{{#is "home"}}{{#has index="nth:6"}}post-card-large{{/has}}{{/is}}{{/unless}}">

```

to:

```auto
<article class="post-card {{post_class}} {{#unless feature_image}}no-image{{else}}{{#is "home"}}{{#has number="1"}}post-card-large{{/has}}{{/is}}{{/unless}}">

```

It means only the first post will get the post-card-large css class.

---

<div class="post-metadata">

**Author:** ![Dale\_Le](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/dale_le/32/7902_2.png) [@Dale\_Le](https://forum.ghost.org/u/Dale_Le)\
**Post date:** [May 15, 2020, 1:08am UTC](https://forum.ghost.org/t/lyra-theme-changing-postcard-views-on-homepage/12165/4 "2020-05-15T01:08:44Z")

</div>

Hi Vilagosg,

I am new to code. I don’t know code but I know it works!

Exactly what I needed. Thank you! 😊