# 在特定类别页面粘贴一张图片

**URL:** <https://meta.discourse.org/t/stick-an-image-on-a-specific-category-page/79871>\
**Category:** Support\
**Created:** [2018年二月6日 00:51 UTC](https://meta.discourse.org/t/stick-an-image-on-a-specific-category-page/79871 "2018-02-06T00:51:29Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)\
**Post date:** [2018年二月6日 00:51 UTC](https://meta.discourse.org/t/stick-an-image-on-a-specific-category-page/79871/1 "2018-02-06T00:51:29Z")

</div>

### tl;dr

I need to have a “sponsored by” image on a particular category page.

### mindless rambling

One idea was to put it in the category description excerpt, but that doesn’t display the image.

I suspect that the real answer is to connect to the category-name class and stick it in the main-link clearfix, uh, thingy.

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/2/f2fd433d907eb3bdef4b1a0f36dbbaf2580a72d6.png)

---

<div class="post-metadata">

**Author:** ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)\
**Post date:** [2018年二月6日 01:43 UTC](https://meta.discourse.org/t/stick-an-image-on-a-specific-category-page/79871/2 "2018-02-06T01:43:02Z")

</div>

Does a category logo not work? Something like #howto:tips-and-tricks?

---

<div class="post-metadata">

**Author:** ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)\
**Post date:** [2018年二月6日 05:07 UTC](https://meta.discourse.org/t/stick-an-image-on-a-specific-category-page/79871/3 "2018-02-06T05:07:52Z")

</div>

No. They’re being used as they are intended. This needs to be in addition to the category image.

---

<div class="post-metadata">

**Author:** ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)\
**Post date:** [2018年二月6日 05:16 UTC](https://meta.discourse.org/t/stick-an-image-on-a-specific-category-page/79871/4 "2018-02-06T05:16:16Z")

</div>

Got a mock-up? I’m having trouble imagining what you want where.

---

<div class="post-metadata">

**Author:** ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)\
**Post date:** [2018年二月6日 05:19 UTC](https://meta.discourse.org/t/stick-an-image-on-a-specific-category-page/79871/5 "2018-02-06T05:19:10Z")

</div>

Something like this?

 ![banner image](https://global.discourse-cdn.com/meta/original/3X/2/e/2ea8a3ed58b25f8872bacbbd5d4a17e8091d373e.PNG)

or did you have something else in mind?

If it is, here’s an initial go at it.

I used:

```plaintext
// change category NAME as needed like .category-staff or .category-meta

.categories-list.category-NAME .list-controls:before { 
    content: "";
    display: block;
    background: url(img.jpg) no-repeat; // <~ change the url as needed 
    background-size: 100%;
    padding-top: 40%; // <~ change padding amount according to image aspect ratio
}

```

I’d be happy to sort out additional problems.

---

<div class="post-metadata">

**Author:** ![pfaffman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pfaffman/32/120154_2.png) [@pfaffman](https://meta.discourse.org/u/pfaffman)\
**Post date:** [2018年二月6日 18:00 UTC](https://meta.discourse.org/t/stick-an-image-on-a-specific-category-page/79871/6 "2018-02-06T18:00:32Z")

</div>

I removed `.categories-list` to make it work, but this was what I needed! Thanks so very much!

---

<div class="post-metadata">

**Author:** ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)\
**Post date:** [2024年六月8日 12:43 UTC](https://meta.discourse.org/t/stick-an-image-on-a-specific-category-page/79871/7 "2024-06-08T12:43:28Z")

</div>

该主题在 2314 天后自动关闭。不再允许回复。