# Is this possible to Move Front Matter display?

**URL:** <https://discourse.gohugo.io/t/is-this-possible-to-move-front-matter-display/43865>\
**Category:** support\
**Tags:** theme-building\
**Created:** [April 12, 2023, 4:16am UTC](https://discourse.gohugo.io/t/is-this-possible-to-move-front-matter-display/43865 "2023-04-12T04:16:04Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![playboxtech](https://avatars.discourse-cdn.com/v4/letter/p/ea5d25/32.png) [@playboxtech](https://discourse.gohugo.io/u/playboxtech)\
**Post date:** [April 12, 2023, 4:16am UTC](https://discourse.gohugo.io/t/is-this-possible-to-move-front-matter-display/43865/1 "2023-04-12T04:16:05Z")

</div>

Hi all, I have a test [Hugo site](https://hugo.chrisamoody.com).

I’m curious if I can direct portions of the front matter to be displayed at different locations: For example on my [test1](https://hugo.chrisamoody.com/posts/my-first-post/) page, I would like the test1, date, and tags to only display in the blue section, as opposed to being in the black section.

Would this be possible?

---

<div class="post-metadata">

**Author:** ![idarek](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/idarek/32/26229_2.png) [@idarek](https://discourse.gohugo.io/u/idarek)\
**Post date:** [April 12, 2023, 6:49am UTC](https://discourse.gohugo.io/t/is-this-possible-to-move-front-matter-display/43865/2 "2023-04-12T06:49:06Z")

</div>

Hi,  
firstly, what you describing is not “front matter” but more “front end” or I will just call design.

Front matter is this in markdown files

```auto
---
title: test1
---

```

You can change whatever you want. Depend on the options of the theme you may do this through theme config or play with HTML and CSS to adjust. Some knowledge required.

---

<div class="post-metadata">

**Author:** ![playboxtech](https://avatars.discourse-cdn.com/v4/letter/p/ea5d25/32.png) [@playboxtech](https://discourse.gohugo.io/u/playboxtech)\
**Post date:** [April 12, 2023, 1:35pm UTC](https://discourse.gohugo.io/t/is-this-possible-to-move-front-matter-display/43865/3 "2023-04-12T13:35:54Z")

</div>

Hi Idarek,  
Yes I specifically meant front matter, I’m wanting to move where its displayed. If you look at the example I gave, (here)[[https://hugo.chrisamoody.com/posts/my-first-post/](https://hugo.chrisamoody.com/posts/my-first-post/)] it shows the title twice. I want to remove it from showing the second time, and I would like to change where it displays the date.

---

<div class="post-metadata">

**Author:** ![idarek](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/idarek/32/26229_2.png) [@idarek](https://discourse.gohugo.io/u/idarek)\
**Post date:** [April 12, 2023, 1:40pm UTC](https://discourse.gohugo.io/t/is-this-possible-to-move-front-matter-display/43865/4 "2023-04-12T13:40:22Z")

</div>

Could you share your repo please.

---

<div class="post-metadata">

**Author:** ![playboxtech](https://avatars.discourse-cdn.com/v4/letter/p/ea5d25/32.png) [@playboxtech](https://discourse.gohugo.io/u/playboxtech)\
**Post date:** [April 12, 2023, 3:12pm UTC](https://discourse.gohugo.io/t/is-this-possible-to-move-front-matter-display/43865/5 "2023-04-12T15:12:00Z")

</div>

Sorry it took so long, you can find it [here](https://github.com/PlayBoxTech/personal-site)

---

<div class="post-metadata">

**Author:** ![idarek](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/idarek/32/26229_2.png) [@idarek](https://discourse.gohugo.io/u/idarek)\
**Post date:** [April 13, 2023, 6:11am UTC](https://discourse.gohugo.io/t/is-this-possible-to-move-front-matter-display/43865/6 "2023-04-13T06:11:32Z")

</div>

Ok, your first issue is in `my-first-post.md` having double title in frontmatter

```auto
---
title: "My First Post"
date: 2023-04-02T22:51:56-05:00
draft: false
tags: ["foo", "bar"]
menu: main
title: test1
parent: test
---

```

But the problem is in your `baseof.html` template and this part.

```auto
<div id="home-jumbotron" class="jumbotron text-center">
            <h1 class="title">{{ .Title }}</h1>
          </div>
        {{ end }}
        {{ if ne .IsHome true }}
        <div id="content">
        {{- block "main" . }}{{- end }}
        </div>

```

You calling title in jumbotron and calling Block main again, which will include Title, Date and Content. Normally this will look like that:

```auto
<div id="content">
        {{ .Content }}
</div>

```

To recall only content. and than above this content div you just need to add call for metadata, something like that:

```auto
<div id="content">
        {{ partial "metadata.html" . }}
        {{ .Content }}
</div>

```

Again, nothing to do with frontmatter but theme.