# Blog Crest Image

**URL:** <https://discuss.write.as/t/blog-crest-image/2789>\
**Category:** Customization\
**Tags:** writeas\
**Created:** [April 27, 2021, 11:11pm UTC](https://discuss.write.as/t/blog-crest-image/2789 "2021-04-27T23:11:15Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![DeaconPatrick](https://discuss.write.as/user_avatar/discuss.write.as/deaconpatrick/32/135_2.png) [@DeaconPatrick](https://discuss.write.as/u/DeaconPatrick)\
**Post date:** [April 27, 2021, 11:11pm UTC](https://discuss.write.as/t/blog-crest-image/2789/1 "2021-04-27T23:11:15Z")

</div>

I searched and can’t find how to add an image on the home page, ideally in a way so that it appears as thumbnail “branding” throughout on sub pages. Could someone please point me to what I’m missing?

With abandon,  
Patrick

---

<div class="post-metadata">

**Author:** ![DeaconPatrick](https://discuss.write.as/user_avatar/discuss.write.as/deaconpatrick/32/135_2.png) [@DeaconPatrick](https://discuss.write.as/u/DeaconPatrick)\
**Post date:** [April 29, 2021, 12:05am UTC](https://discuss.write.as/t/blog-crest-image/2789/2 "2021-04-29T00:05:29Z")

</div>

The image is this one, though it should be smaller: [https://snap.as/me/photos/zH2VpET](https://snap.as/me/photos/zH2VpET)

---

<div class="post-metadata">

**Author:** ![DeaconPatrick](https://discuss.write.as/user_avatar/discuss.write.as/deaconpatrick/32/135_2.png) [@DeaconPatrick](https://discuss.write.as/u/DeaconPatrick)\
**Post date:** [April 29, 2021, 12:34am UTC](https://discuss.write.as/t/blog-crest-image/2789/3 "2021-04-29T00:34:34Z")

</div>

Per @matt post, [Add a logo to your blog title](https://discuss.write.as/t/add-a-logo-to-your-blog-title/29), I tried this:

#blog-title a {  
background: transparent url(‘[https://snap.as/me/photos/zH2VpET](https://snap.as/me/photos/zH2VpET)’) no-repeat bottom left;  
padding-left: 42px;  
}

However, nothing changed. Is my image too big, and I need to size it down? What have I got wrong?

---

<div class="post-metadata">

**Author:** ![dino](https://discuss.write.as/user_avatar/discuss.write.as/dino/32/645_2.png) [@dino](https://discuss.write.as/u/dino)\
**Post date:** [April 29, 2021, 1:09am UTC](https://discuss.write.as/t/blog-crest-image/2789/4 "2021-04-29T01:09:37Z")

</div>

Try changing the url for the image to `'https://snap.as/a/zH2VpET.jpeg'`.

---

<div class="post-metadata">

**Author:** ![DeaconPatrick](https://discuss.write.as/user_avatar/discuss.write.as/deaconpatrick/32/135_2.png) [@DeaconPatrick](https://discuss.write.as/u/DeaconPatrick)\
**Post date:** [April 29, 2021, 2:07am UTC](https://discuss.write.as/t/blog-crest-image/2789/5 "2021-04-29T02:07:23Z")

</div>

> [@dino](#):
>
> [https://snap.as/a/zH2VpET.jpeg](https://snap.as/a/zH2VpET.jpeg)

Thanks, @dino. I tired it. Unfortunately it doesn’t show up.

---

<div class="post-metadata">

**Author:** ![dino](https://discuss.write.as/user_avatar/discuss.write.as/dino/32/645_2.png) [@dino](https://discuss.write.as/u/dino)\
**Post date:** [April 29, 2021, 3:44am UTC](https://discuss.write.as/t/blog-crest-image/2789/6 "2021-04-29T03:44:14Z")

</div>

What’s the url to your site? I need to see what the custom css looks like.

---

<div class="post-metadata">

**Author:** ![DeaconPatrick](https://discuss.write.as/user_avatar/discuss.write.as/deaconpatrick/32/135_2.png) [@DeaconPatrick](https://discuss.write.as/u/DeaconPatrick)\
**Post date:** [April 29, 2021, 7:43am UTC](https://discuss.write.as/t/blog-crest-image/2789/7 "2021-04-29T07:43:43Z")

</div>

> **[Cor Sacræ Familiæ](https://corsacraefamiliae.org)**
>
> Catholic Community restoring society to the Heart of the Holy Family: I, M, I

---

<div class="post-metadata">

**Author:** ![dino](https://discuss.write.as/user_avatar/discuss.write.as/dino/32/645_2.png) [@dino](https://discuss.write.as/u/dino)\
**Post date:** [April 29, 2021, 2:15pm UTC](https://discuss.write.as/t/blog-crest-image/2789/8 "2021-04-29T14:15:05Z")

</div>

Deacon, the image is too big. When I tried playing around with the CSS to try to get the image to show up, I could only get it to display the bottom part of the seal. Try to resize it to something with a height of say 50px and try again.

Or try this CSS to get the look below. This only resizes the image in CSS, so not ideal. It’s better to use a smaller image from the start.

```css
#blog-title a {
    background: transparent url('https://snap.as/a/zH2VpET.jpeg') no-repeat bottom left;
        background-size: auto;
    padding-left: 58px;
    background-size: 52px;
}

```

 ![image](https://discuss.write.as/uploads/default/original/2X/1/12a5fbff347b5d1b64dc3b60cc56253ced10e6d6.png)

---

<div class="post-metadata">

**Author:** ![DeaconPatrick](https://discuss.write.as/user_avatar/discuss.write.as/deaconpatrick/32/135_2.png) [@DeaconPatrick](https://discuss.write.as/u/DeaconPatrick)\
**Post date:** [April 29, 2021, 5:32pm UTC](https://discuss.write.as/t/blog-crest-image/2789/9 "2021-04-29T17:32:08Z")

</div>

Thank you, @dino . Progress! Grin. I’ve sized the image as 45px high, but mine is cut off at the top and shows a square outline for some reason, doesn’t look as good as your resized one. Any ideas on that?

---

<div class="post-metadata">

**Author:** ![dino](https://discuss.write.as/user_avatar/discuss.write.as/dino/32/645_2.png) [@dino](https://discuss.write.as/u/dino)\
**Post date:** [April 29, 2021, 6:50pm UTC](https://discuss.write.as/t/blog-crest-image/2789/10 "2021-04-29T18:50:40Z")

</div>

The border that shows up is because of the white background of the image itself. Though I’m not sure why with pure CSS changes, it didn’t exhibit the same behavior.

Anyway, I got the original image, removed the background in [Paint.net](https://www.getpaint.net/index.html) and saved it as a PNG. Use this one and see if it works better:

![CorSacræFamiliæ-resized](https://discuss.write.as/uploads/default/original/2X/a/a11623cb043e3d24c3095caac982332c3d462593.png)

_Right click the image I shared above and save it to your local, then you can upload it to your own snap.as account._

---

<div class="post-metadata">

**Author:** ![DeaconPatrick](https://discuss.write.as/user_avatar/discuss.write.as/deaconpatrick/32/135_2.png) [@DeaconPatrick](https://discuss.write.as/u/DeaconPatrick)\
**Post date:** [April 29, 2021, 9:00pm UTC](https://discuss.write.as/t/blog-crest-image/2789/11 "2021-04-29T21:00:24Z")

</div>

Wow. Thank you, @dino ! It looks great, though I’m still doing something wrong as the top has a crew cut. Sardonic grin. I am grateful for all your help.

With abandon,  
Patrick

---

<div class="post-metadata">

**Author:** ![dino](https://discuss.write.as/user_avatar/discuss.write.as/dino/32/645_2.png) [@dino](https://discuss.write.as/u/dino)\
**Post date:** [April 29, 2021, 9:36pm UTC](https://discuss.write.as/t/blog-crest-image/2789/12 "2021-04-29T21:36:59Z")

</div>

You are welcome.

It’s looking fine to me right now.

 ![image](https://discuss.write.as/uploads/default/original/2X/c/cc3cf0ad8b65009cd4f9ad28f99d3928541c7174.png)

---

<div class="post-metadata">

**Author:** ![DeaconPatrick](https://discuss.write.as/user_avatar/discuss.write.as/deaconpatrick/32/135_2.png) [@DeaconPatrick](https://discuss.write.as/u/DeaconPatrick)\
**Post date:** [April 29, 2021, 9:50pm UTC](https://discuss.write.as/t/blog-crest-image/2789/13 "2021-04-29T21:50:16Z")

</div>

Good to know. Mayhap mine will clear out next time I clear my cache.

With abandon,  
Patrick
