# Image header depending on the category/tab

**URL:** https://meta.discourse.org/t/image-header-depending-on-the-category-tab/25605
**Category:** Marketplace
**Created:** [February 24, 2015, 12:42pm UTC](https://meta.discourse.org/t/image-header-depending-on-the-category-tab/25605 "2015-02-24T12:42:54Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![DavidGNavas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidgnavas/32/68313_2.png) [@DavidGNavas](https://meta.discourse.org/u/DavidGNavas)
#### Post date: [February 24, 2015, 12:42pm UTC](https://meta.discourse.org/t/image-header-depending-on-the-category-tab/25605/1 "2015-02-24T12:42:54Z")

</div>

As seen on [Smartthings](http://community.smartthings.com/categories) forum and [hairxhub](https://talk.hairxhub.com/c/celebrities-hair), you can add an image on the header depending on the tab or the category the user is in.

For example, if the user enters in [forum.com/c/examples](http://forum.com/c/examples), he can view the image on the header, but not in all the other tabs/category, nor in the main homepage.

Does someone know how to do this? We can pay for this customization if there is someone interested.

Thanks!

---

<div class="post-metadata">

### Author: ![sigurdur](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sigurdur/32/122516_2.png) [@sigurdur](https://meta.discourse.org/u/sigurdur)
#### Post date: [February 24, 2015, 3:15pm UTC](https://meta.discourse.org/t/image-header-depending-on-the-category-tab/25605/2 "2015-02-24T15:15:02Z")

</div>

This is pretty cool …

The way they do it is by adding CSS to their site.

They tie the image to the body as a background image.

They use this css as base  
[https://hairxhub.com/hair-talk-forum-css/style.css](https://hairxhub.com/hair-talk-forum-css/style.css)

Then they add custom CSS for each of their categories to display a different image..  
(or in CSS terms)

```
body.category-hairstyles { background-image: url(/some-image.jpg); }

```

So if you’re comfortable with CSS, you can hack this on your own 😉

---

<div class="post-metadata">

### Author: ![DavidGNavas](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidgnavas/32/68313_2.png) [@DavidGNavas](https://meta.discourse.org/u/DavidGNavas)
#### Post date: [February 24, 2015, 3:29pm UTC](https://meta.discourse.org/t/image-header-depending-on-the-category-tab/25605/3 "2015-02-24T15:29:50Z")

</div>

Thanks @sigurdur!

I thought they had done some ember.js hack, if it is only a CSS customiz. we can do it 😄

Very kind of you ☀

---

<div class="post-metadata">

### Author: ![sigurdur](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sigurdur/32/122516_2.png) [@sigurdur](https://meta.discourse.org/u/sigurdur)
#### Post date: [February 24, 2015, 9:27pm UTC](https://meta.discourse.org/t/image-header-depending-on-the-category-tab/25605/4 "2015-02-24T21:27:28Z")

</div>

Hah .. seems like I have some things to learn about discourse ..!

You can add background images directly for a category .. you can see how here:  
[https://meta.discourse.org/t/give-discourse-social-media-look/23711/77?u=sigurdur](https://meta.discourse.org/t/give-discourse-social-media-look/23711/77)

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [March 26, 2015, 9:27pm UTC](https://meta.discourse.org/t/image-header-depending-on-the-category-tab/25605/5 "2015-03-26T21:27:28Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
