# How does one go about setting a different logo replacement image for individual post pages?

**URL:** <https://discuss.write.as/t/how-does-one-go-about-setting-a-different-logo-replacement-image-for-individual-post-pages/1984>\
**Category:** Customization\
**Created:** [November 2, 2020, 9:05pm UTC](https://discuss.write.as/t/how-does-one-go-about-setting-a-different-logo-replacement-image-for-individual-post-pages/1984 "2020-11-02T21:05:29Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![cjeller1592](https://discuss.write.as/user_avatar/discuss.write.as/cjeller1592/32/128_2.png) [@cjeller1592](https://discuss.write.as/u/cjeller1592)\
**Post date:** [November 3, 2020, 8:32pm UTC](https://discuss.write.as/t/how-does-one-go-about-setting-a-different-logo-replacement-image-for-individual-post-pages/1984/2 "2020-11-03T20:32:44Z")

</div>

> [@anx](#):
>
> On a newer blog of mine, I’d wanted to hopefully use a different picture from the one on the main page, for the individual post pages, on which the image is smaller and up in the top left hand corner.

So if I understand this, you want the individual post page logo to be _different_ than the main page logo?

Just as you intuited, this is actually pretty simple to do. All you need to do is change the following  
CSS property with the logo you want for blog titles:

```auto
background-image: url(https://i.snap.as/one-photo.png);

```

And all you have to do is add that to the CSS that affects the blog titles on the individual pages and you’ll be golden. Here’s an example of this in action using the code for the [initial Add a logo to your blog title solution](https://discuss.write.as/t/add-a-logo-to-your-blog-title/29).

```auto
/* This is for the logo of the main page */

#blog-title a {
    background-image: url(https://i.snap.as/one-photo.png);
    background-position: center;
    background-repeat: no-repeat;
    color: rgba(0,0,0,0);
    display: inline-block;
    width: 200px;
    height: 50px;
    background-size: 200px 50px;
}

/* This is for the logo on the individual posts */

#post #blog-title a, #subpage #blog-title a {
    /* Change the logo url */
    background-image: url(https://i.snap.as/another-photo.png);
    width: 100px;
    height: 36px;
    background-size: 100px 25px;
}

```

Now you’ll _probably_ have to change the width and height to make it work for your image, but the solution should do the trick.

Let me know if that helps in any way — if not, we’ll think of something!

---

_[View the full topic](https://discuss.write.as/t/how-does-one-go-about-setting-a-different-logo-replacement-image-for-individual-post-pages/1984)._