# With .Param does not render

**URL:** https://discourse.gohugo.io/t/with-param-does-not-render/14198
**Category:** support
**Created:** [September 13, 2018, 12:22pm UTC](https://discourse.gohugo.io/t/with-param-does-not-render/14198 "2018-09-13T12:22:56Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![KurzGedanke](https://avatars.discourse-cdn.com/v4/letter/k/a6a055/32.png) [@KurzGedanke](https://discourse.gohugo.io/u/KurzGedanke)
#### Post date: [September 13, 2018, 12:22pm UTC](https://discourse.gohugo.io/t/with-param-does-not-render/14198/1 "2018-09-13T12:22:56Z")

</div>

Hi everyone! I’m writing again my own Hugo theme with a lot of copy and paste magic. ;D

I discovered the use of `{{ with .Param "mastodon" }}` and want to use it for my social icons. But it doesn’t render. Hugo builds the page, does not show any error message, but it does not show up…

This is my code, for full code please visit this github repro: [https://github.com/KurzGedanke/kurz-hugo-v2](https://github.com/KurzGedanke/kurz-hugo-v2)

header.html

```auto
<div class="social column column-80 text-center">
        {{ with .Param "mastodon" }}
        <span><a href="{{ . }}">Mastodon</a></span>
        {{ end }}
        {{ with .Param "twitter" }}
        <span><a href="{{ . }}">Twitter</a></span>
        {{ end }}
        {{ with .Param "youtube" }}
        <span><a href="{{ . }}">YouTube</a></span>
        {{ end }}
        {{ with .Param "reddit" }}
        <span><a href="{{ . }}">Reddit</a></span>
        {{ end }}
        {{ with .Param "github" }}
        <span><a href="{{ . }}">GitHub</a></span>
        {{ end }}
        {{ with .Param "Gitlab" }}
        <span><a href="{{ . }}">Gitlab</a></span>
        {{ end }}
        {{ with .Param "email" }}
        <span><a href="{{ . }}">Email</a></span>
        {{ end }}
        {{ with .Param "pgp" }}
        <span><a href="{{ . }}">(PGP)</a></span>
        {{ end }}
        {{ with .Param "donate" }}
        <span><a href="{{ . }}">Donate</a></span>
        {{ end }}
        {{ with .Param "rss" }}
        <span><a href="{{ . }}">RSS</a></span>
        {{ end }}
    </div>

```

and config.toml

```auto
[Params]
  dateFormat = "January 2, 2006"

[Param]
  mastodon = "https://chaos.social/@KurzGedanke"
  youtube = "https://youtube.com/KurzGedanke"
  github = "https://github.com/KurzGedanke"
  email= "mailto:kurzgedanke@protonmail.com"
  pgp = "https://pgp.mit.edu"
  donate = "https://kurzgedanke.me/donate"
  rss = "https://kurzgedanke.de/index.xml"

```

My file strcutre looks like this:

```auto
.
├── LICENSE
├── README.md
├── archetypes
│ └── default.md
├── layouts
│ ├── _default
│ │ └── baseof.html
│ ├── index.html
│ ├── partials
│ │ ├── footer.html
│ │ ├── head.html
│ │ ├── header.html
│ │ └── paginator.html
│ └── shortcodes
│ └── responsiveImage.html
├── mockup
│ ├── design
│ │ ├── kurz-hugo-v2.afdesign
│ │ └── kurz-hugo-v2.png
│ └── mockup
│ ├── SCSS
│ │ ├── Cyberpunk.scss
│ │ ├── Dark.scss
│ │ ├── Light.scss
│ │ ├── _cyberpunk.scss
│ │ ├── _dark.scss
│ │ ├── _light.scss
│ │ └── reset.scss
│ ├── css
│ │ ├── Cyberpunk.css
│ │ ├── Cyberpunk.map
│ │ ├── Dark.css
│ │ ├── Dark.map
│ │ ├── Light.css
│ │ ├── Light.map
│ │ ├── milligram.min.css
│ │ ├── milligram.min.css.map
│ │ ├── normalize.css
│ │ ├── reset.css
│ │ ├── reset.map
│ │ ├── style.css
│ │ └── style.map
│ ├── index.html
│ └── js
│ ├── jquery.js
│ └── stylechanger.js
├── static
│ ├── SCSS
│ │ ├── Cyberpunk.scss
│ │ ├── Dark.scss
│ │ ├── Light.scss
│ │ ├── _cyberpunk.scss
│ │ ├── _dark.scss
│ │ ├── _light.scss
│ │ └── reset.scss
│ ├── css
│ │ ├── Cyberpunk.css
│ │ ├── Cyberpunk.map
│ │ ├── Dark.css
│ │ ├── Dark.map
│ │ ├── Light.css
│ │ ├── Light.map
│ │ ├── milligram.min.css
│ │ ├── milligram.min.css.map
│ │ ├── normalize.css
│ │ ├── reset.css
│ │ ├── reset.map
│ │ ├── style.css
│ │ └── style.map
│ └── js
│ ├── jquery.js
│ └── stylechanger.js
└── theme.toml

```

The render html looks like this:

```auto
<div class="social column column-80 text-center">
        
        
        
        
        
        
        
        
        
        
    </div>

```

I take from [this post (link)](https://discourse.gohugo.io/t/difference-between-params-and-param/6905) that my use is some sort of correct. But I don’t know, hopefully someone of you can help me. Thank you!

Kind Regards,

KurzGedanle

---

<div class="post-metadata">

### Author: ![Leo\_Merkel](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/leo_merkel/32/3321_2.png) [@Leo\_Merkel](https://discourse.gohugo.io/u/Leo_Merkel)
#### Post date: [September 13, 2018, 12:58pm UTC](https://discourse.gohugo.io/t/with-param-does-not-render/14198/2 "2018-09-13T12:58:12Z")

</div>

> [@KurzGedanke](#):
>
> [Param]

Try to change this to `params` also. `.Param` is a Hugo function and `[params]` are your variables either in Front Matter or `config.yaml`.

Just saw that you don’t have `single.html` and `list.html` in your file structure as well.