# Coloque uma imagem em uma página de categoria específica

**URL:** <https://meta.discourse.org/t/stick-an-image-on-a-specific-category-page/79871>\
**Category:** Product Support\
**Created:** [Fevereiro 6, 2018, 12:51am UTC](https://meta.discourse.org/t/stick-an-image-on-a-specific-category-page/79871 "2018-02-06T00:51:29Z")\
**Posts on this page:** 1\
**Showing post:** 5

<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:** [Fevereiro 6, 2018, 5:19am 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.

---

_[View the full topic](https://meta.discourse.org/t/stick-an-image-on-a-specific-category-page/79871)._
