# Featured post on the tag page

**URL:** <https://forum.ghost.org/t/featured-post-on-the-tag-page/41615>\
**Category:** Developer help\
**Created:** [October 3, 2023, 9:20am UTC](https://forum.ghost.org/t/featured-post-on-the-tag-page/41615 "2023-10-03T09:20:01Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![leokolt](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/leokolt/32/14907_2.png) [@leokolt](https://forum.ghost.org/u/leokolt)\
**Post date:** [October 3, 2023, 9:20am UTC](https://forum.ghost.org/t/featured-post-on-the-tag-page/41615/1 "2023-10-03T09:20:01Z")

</div>

Hi. Is it possible to show 1 featured post on the tag page at the top of the posts feed? I have the code of the `tag.hbs` page (below), a selection of the first post is implemented there, but in this case `#get` simply pulls out any featured post, and I need exactly the post that meets two requirements - it is marked as featured and refers to the tag on which page it is displayed. Maybe I need to rewrite the code, or is there no solution at all?

```auto
{{!< default}}

<div class="gh-page tag-page">
    <div class="gh-container">

        {{#tag}}
        <header class="gh-page-head">

            <h1>{{name}}</h1>

            <p>
                {{#if description}}
                    {{description}}
                {{else}}
                    A collection of {{plural ../pagination.total empty='posts' singular='% post' plural='% posts'}}
                {{/if}}
            </p>

            {{!-- {{#if feature_image}}
                <img class="gh-page-image" src="{{feature_image}}" alt="{{name}}" />
            {{/if}} --}}

            <span class="icon-tag-left">{{> "icons/tag-left"}}</span>
            <span class="icon-tag-right">{{> "icons/tag-right"}}</span>

        </header>

        {{/tag}}

        <div class="posts-feed tag-post-feed">
            {{#get "posts" include="tags,authors" filter="featured:true" limit="1" as |featured|}}
                {{#foreach featured}}
                    {{> "featured-card"}}
                {{/foreach}}
            {{/get}}
            {{#foreach posts}}
                {{#unless featured}}
                    {{> "card"}}
                {{/unless}}
            {{/foreach}}
        </div>

    </div>
</div>

```

---

<div class="post-metadata">

**Author:** ![leokolt](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/leokolt/32/14907_2.png) [@leokolt](https://forum.ghost.org/u/leokolt)\
**Post date:** [October 3, 2023, 9:35am UTC](https://forum.ghost.org/t/featured-post-on-the-tag-page/41615/2 "2023-10-03T09:35:58Z")

</div>

It is probably possible to do this using css, assuming that the container with articles is either flex or grid:

```auto
<style>
.featured:first-child {
    order: 1;
}
</style>

```

But maybe there is a more ideal solution

---

<div class="post-metadata">

**Author:** ![Spiritix](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/spiritix/32/26445_2.png) [@Spiritix](https://forum.ghost.org/u/Spiritix)\
**Post date:** [October 3, 2023, 11:32am UTC](https://forum.ghost.org/t/featured-post-on-the-tag-page/41615/3 "2023-10-03T11:32:23Z")

</div>

Use `filter="featured:true+tags:{{slug}}"` in your get helper, but inside {{#tag}}

Like this:

```auto
{{#tag}}
    {{#get "posts" include="tags,authors" filter="featured:true+tags:{{slug}}" limit="1" as |featured|}}
        {{#foreach featured}}
            {{> "featured-card"}}
        {{/foreach}}
    {{/get}}
{{/tag}}

```