# Add thumbnail to post

**URL:** <https://forum.ghost.org/t/add-thumbnail-to-post/40739>\
**Category:** Using Ghost\
**Created:** [August 26, 2023, 12:05pm UTC](https://forum.ghost.org/t/add-thumbnail-to-post/40739 "2023-08-26T12:05:15Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![JD\_Roberto](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/jd_roberto/32/26031_2.png) [@JD\_Roberto](https://forum.ghost.org/u/JD_Roberto)\
**Post date:** [August 26, 2023, 12:05pm UTC](https://forum.ghost.org/t/add-thumbnail-to-post/40739/1 "2023-08-26T12:05:15Z")

</div>

New to Ghost (in my trial period). I’m using the free WAVE theme and posts that appear on the home page have a large icon by them, but it’s essentially blank. How do I customize this thumbnail? Thanks!

 ![image](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/4/1/414384f175bf52bbdd2d4ec4028692f9020e1386.png)

---

<div class="post-metadata">

**Author:** ![Cathy\_Sarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/cathy_sarisky/32/25750_2.png) [@Cathy\_Sarisky](https://forum.ghost.org/u/Cathy_Sarisky)\
**Post date:** [August 26, 2023, 5:35pm UTC](https://forum.ghost.org/t/add-thumbnail-to-post/40739/2 "2023-08-26T17:35:03Z")

</div>

In most themes, that’s the ‘featured image’, which you set in the post editor at the top of the post editor page (above the title). Do you have an image loaded there when you view the post in the editor?

Wave is intended primarily for podcasts, so if you are planning to use it for podcasts, you’ll want to read this: [About this theme](https://wave.ghost.io/about/) - it requires some ‘quirky’ setup.

---

<div class="post-metadata">

**Author:** ![JD\_Roberto](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/jd_roberto/32/26031_2.png) [@JD\_Roberto](https://forum.ghost.org/u/JD_Roberto)\
**Post date:** [August 26, 2023, 5:55pm UTC](https://forum.ghost.org/t/add-thumbnail-to-post/40739/3 "2023-08-26T17:55:28Z")

</div>

yup that did it. I really was hoping for a solution where I could control the thumbnail WITHOUT adding an image to my post but I’ll make this work for now. Thanks!

---

<div class="post-metadata">

**Author:** ![JD\_Roberto](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/jd_roberto/32/26031_2.png) [@JD\_Roberto](https://forum.ghost.org/u/JD_Roberto)\
**Post date:** [August 26, 2023, 5:56pm UTC](https://forum.ghost.org/t/add-thumbnail-to-post/40739/4 "2023-08-26T17:56:14Z")

</div>

My use case is a lot of different media. 2-3 catagories of video, a podcast, articles, etc. Not sure if there’s a better theme for that but right now I’m ok with how WAVE looks.

---

<div class="post-metadata">

**Author:** ![Cathy\_Sarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/cathy_sarisky/32/25750_2.png) [@Cathy\_Sarisky](https://forum.ghost.org/u/Cathy_Sarisky)\
**Post date:** [August 26, 2023, 6:01pm UTC](https://forum.ghost.org/t/add-thumbnail-to-post/40739/5 "2023-08-26T18:01:36Z")

</div>

If you’re able to edit the theme, you could make a template that doesn’t show the featured image. Another option would be to use code injection to hide the featured image. Here’s a tutorial that walks you through figuring out what selectors to use:

> **[Code Injection 101](https://www.spectralwebservices.com/blog/using-code-injection-101/)**
>
> How can I make the title of my Ghost blog bigger/smaller? How can I change the color of that text? How can I make the width a little bigger? For these and many other questions, the answer is: "Code injection!"

And then hiding something would be “display: none”

---

<div class="post-metadata">

**Author:** ![JD\_Roberto](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/jd_roberto/32/26031_2.png) [@JD\_Roberto](https://forum.ghost.org/u/JD_Roberto)\
**Post date:** [August 26, 2023, 8:27pm UTC](https://forum.ghost.org/t/add-thumbnail-to-post/40739/6 "2023-08-26T20:27:19Z")

</div>

Hmmm for some reason it’s not working. When I go to code injector, it offers header and footer injecting but not body? Is that normal. Using the inspector, I was able to determine the name of the object I want to hide and I’ve followed that tutorial but this command seems to have no effect:

```auto
<style>
.gh-article-image {
  display: none;
}
</style>

```

Any thoughts on how I could trouble shoot?

---

<div class="post-metadata">

**Author:** ![Cathy\_Sarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/cathy_sarisky/32/25750_2.png) [@Cathy\_Sarisky](https://forum.ghost.org/u/Cathy_Sarisky)\
**Post date:** [August 26, 2023, 8:50pm UTC](https://forum.ghost.org/t/add-thumbnail-to-post/40739/7 "2023-08-26T20:50:39Z")

</div>

Put that in the code injection header.

---

<div class="post-metadata">

**Author:** ![JD\_Roberto](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/jd_roberto/32/26031_2.png) [@JD\_Roberto](https://forum.ghost.org/u/JD_Roberto)\
**Post date:** [August 26, 2023, 11:01pm UTC](https://forum.ghost.org/t/add-thumbnail-to-post/40739/9 "2023-08-26T23:01:17Z")

</div>

Yup that did it! ty!

---

<div class="post-metadata">

**Author:** ![Cathy\_Sarisky](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/cathy_sarisky/32/25750_2.png) [@Cathy\_Sarisky](https://forum.ghost.org/u/Cathy_Sarisky)\
**Post date:** [August 28, 2023, 3:48pm UTC](https://forum.ghost.org/t/add-thumbnail-to-post/40739/10 "2023-08-28T15:48:10Z")

</div>

To add some extra context for you, the ‘header’ and ‘footer’ options for code injection are for where on the page you want the code to appear. For example, you usually want styles in the header so that they’ll load before the page (which prevents the browser from loading unstyled content and then restyling it), and you often want javascript in the footer, if you’re using it to modify a component on the page (that hasn’t yet been created when the head part runs). Either head or foot code injection /can/ apply to any part of the page, it’s just a question of where on the page source code it gets injected.

---

<div class="post-metadata">

**Author:** ![JD\_Roberto](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/jd_roberto/32/26031_2.png) [@JD\_Roberto](https://forum.ghost.org/u/JD_Roberto)\
**Post date:** [August 28, 2023, 4:44pm UTC](https://forum.ghost.org/t/add-thumbnail-to-post/40739/11 "2023-08-28T16:44:09Z")

</div>

ty for the context, that’s very helpful
