# Background image--how to?

**URL:** <https://discourse.gohugo.io/t/background-image-how-to/38539>\
**Category:** support\
**Created:** [May 10, 2022, 6:49am UTC](https://discourse.gohugo.io/t/background-image-how-to/38539 "2022-05-10T06:49:55Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![dersavage](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/dersavage/32/16846_2.png) [@dersavage](https://discourse.gohugo.io/u/dersavage)\
**Post date:** [May 10, 2022, 6:49am UTC](https://discourse.gohugo.io/t/background-image-how-to/38539/1 "2022-05-10T06:49:55Z")

</div>

Dear Hugoists:

Here is a scan of my config.toml:

 ![Screen Shot 2022-05-10 at 2.45.06 PM](https://canada1.discourse-cdn.com/flex036/uploads/gohugo/original/3X/9/a/9ace91f9e0fb9ed21992cdcaab1e33fba8c98dfd.png)

I have placed a large background image in my static folder, which contains an img folder; I link to it here in the config.toml so I can change my site’s background to this image.

“But nothing ever happens, and I wonder”

Cheers for any help!

Savage

---

<div class="post-metadata">

**Author:** ![fgandiya](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/fgandiya/32/10119_2.png) [@fgandiya](https://discourse.gohugo.io/u/fgandiya)\
**Post date:** [May 10, 2022, 7:11am UTC](https://discourse.gohugo.io/t/background-image-how-to/38539/2 "2022-05-10T07:11:41Z")

</div>

Where do you reference the background image?

---

<div class="post-metadata">

**Author:** ![chrillek](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/chrillek/32/19797_2.png) [@chrillek](https://discourse.gohugo.io/u/chrillek)\
**Post date:** [May 10, 2022, 8:08am UTC](https://discourse.gohugo.io/t/background-image-how-to/38539/3 "2022-05-10T08:08:20Z")

</div>

There’s far too less information in your post. But I guess that you should get read of the `/static/` part in your URL. Also, the developer console of your favorite browser will tell you which images your document tries to load.

---

<div class="post-metadata">

**Author:** ![dersavage](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/dersavage/32/16846_2.png) [@dersavage](https://discourse.gohugo.io/u/dersavage)\
**Post date:** [May 10, 2022, 4:03pm UTC](https://discourse.gohugo.io/t/background-image-how-to/38539/4 "2022-05-10T16:03:29Z")

</div>

Thanks! I think the information was sufficient:

I mentioned

1. Where the image was
2. How I had linked to it in the config.toml.

What else should I provide?

---

<div class="post-metadata">

**Author:** ![dersavage](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/dersavage/32/16846_2.png) [@dersavage](https://discourse.gohugo.io/u/dersavage)\
**Post date:** [May 10, 2022, 4:04pm UTC](https://discourse.gohugo.io/t/background-image-how-to/38539/5 "2022-05-10T16:04:14Z")

</div>

Thanks for your reply!

In the config.toml as you see in the screenshot. I have removed the /static and still it does not load.

---

<div class="post-metadata">

**Author:** ![frjo](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/frjo/32/18626_2.png) [@frjo](https://discourse.gohugo.io/u/frjo)\
**Post date:** [May 10, 2022, 4:08pm UTC](https://discourse.gohugo.io/t/background-image-how-to/38539/6 "2022-05-10T16:08:52Z")

</div>

A link to your repo would help or at least show us the code from your template/css etc. where you insert the image.

---

<div class="post-metadata">

**Author:** ![chrillek](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/chrillek/32/19797_2.png) [@chrillek](https://discourse.gohugo.io/u/chrillek)\
**Post date:** [May 10, 2022, 4:21pm UTC](https://discourse.gohugo.io/t/background-image-how-to/38539/7 "2022-05-10T16:21:01Z")

</div>

Well yes, you mentioned that. But last time I looked, `backgroundImage` was not part of HUGO’s config parameters. So it is _probably_ something your theme uses.  
But you didn’t even _mention_ that you’re using a theme, far less which one.  
Or maybe you use it in a template, but you didn’t say so either. How can anybody but you _know_ what you’re doing to display the background image? As @frjo said:

> [@frjo](#):
>
> link to your repo would help or at least show us the code from your template/css etc. where you insert the image.

Otherwise, only a clairvoyant can help you, and those are quite rare nowadays.

---

<div class="post-metadata">

**Author:** ![jmooring](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/jmooring/32/4214_2.png) [@jmooring](https://discourse.gohugo.io/u/jmooring)\
**Post date:** [May 10, 2022, 4:58pm UTC](https://discourse.gohugo.io/t/background-image-how-to/38539/8 "2022-05-10T16:58:00Z")

</div>

When using the [Hello Friend NG](https://github.com/rhazdon/hugo-theme-hello-friend-ng) theme:

structure

```auto
static/
└── img/
    └── foo.jpg

```

config.toml

```nohighlight
[params]
backgroundImage = 'img/foo.jpg'

```

Please [contact the theme author](https://github.com/rhazdon/hugo-theme-hello-friend-ng/issues) if you have additional questions.

---

<div class="post-metadata">

**Author:** ![system](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/system/32/1_2.png) [@system](https://discourse.gohugo.io/u/system)\
**Post date:** [May 12, 2022, 7:42pm UTC](https://discourse.gohugo.io/t/background-image-how-to/38539/9 "2022-05-12T19:42:43Z")

</div>

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.