# Change Width of Featured Image on Post Pages

**URL:** <https://forum.ghost.org/t/change-width-of-featured-image-on-post-pages/34854>\
**Category:** Using Ghost\
**Created:** [December 16, 2022, 9:52pm UTC](https://forum.ghost.org/t/change-width-of-featured-image-on-post-pages/34854 "2022-12-16T21:52:45Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![FrankNJohnson](https://avatars.discourse-cdn.com/v4/letter/f/7993a0/32.png) [@FrankNJohnson](https://forum.ghost.org/u/FrankNJohnson)\
**Post date:** [December 16, 2022, 9:52pm UTC](https://forum.ghost.org/t/change-width-of-featured-image-on-post-pages/34854/1 "2022-12-16T21:52:46Z")

</div>

I’m using the digest theme and have been able to change the width of the home page featured image through Settings \> Design. But it doesn’t look like there is a setting to make the same change on post pages. And so I’m looking for a way to inject code into the header to override the styles on a post page. I’ve seen [this post](https://forum.ghost.org/t/header-code-injection-for-featured-image-width/34141) in the forum and looked at the class assigned to the div surrounding the image (gh-article-image), and tried it on my site, but it doesn’t seem to be working. Any ideas?

Thanks in advance for any help anyone can offer - it’s much appreciated!

---

<div class="post-metadata">

**Author:** ![LanceHaverkamp](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/lancehaverkamp/32/19839_2.png) [@LanceHaverkamp](https://forum.ghost.org/u/LanceHaverkamp)\
**Post date:** [December 17, 2022, 12:58am UTC](https://forum.ghost.org/t/change-width-of-featured-image-on-post-pages/34854/2 "2022-12-17T00:58:20Z")

</div>

Look at the code for the page (Ctrl u on Firefox) find the name for the image used on that theme. If it’s not  
.gh-article-image; it might be .gh-article, or something completely unrelated.

---

<div class="post-metadata">

**Author:** ![FrankNJohnson](https://avatars.discourse-cdn.com/v4/letter/f/7993a0/32.png) [@FrankNJohnson](https://forum.ghost.org/u/FrankNJohnson)\
**Post date:** [December 17, 2022, 1:51am UTC](https://forum.ghost.org/t/change-width-of-featured-image-on-post-pages/34854/3 "2022-12-17T01:51:09Z")

</div>

Thanks Lance. The image itself doesn’t have a class, but the div that contains the image has a class of gh-article-image. I had tried a bunch of stuff to change the styling for that div and for the image within it - and nothing worked (including I thought, what ultimately worked, but I guess not). I got it to work with this:

```auto
.gh-article-image img {
max-width: 1200px;
width: 1200px;
margin: 0 auto !important;
grid-column: wide-start/wide-end !important;
}

```

Thanks,  
Frank