# Category Banner Image Missing on Landing Page After Update

**URL:** https://meta.discourse.org/t/category-banner-image-missing-on-landing-page-after-update/54531
**Category:** Support
**Created:** [12월 20, 2016, 5:24오전 UTC](https://meta.discourse.org/t/category-banner-image-missing-on-landing-page-after-update/54531 "2016-12-20T05:24:10Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![LilTrashPanda](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/liltrashpanda/32/62053_2.png) [@LilTrashPanda](https://meta.discourse.org/u/LilTrashPanda)
#### Post date: [12월 20, 2016, 5:24오전 UTC](https://meta.discourse.org/t/category-banner-image-missing-on-landing-page-after-update/54531/1 "2016-12-20T05:24:10Z")

</div>

Hello!

Just recently updated our Discourse to the latest version and it seems like the large banner image I’d inserted into our “Landing Page” no longer exists (and also that our Global Alert Notice box is pushed up underneath the top header bar).

I’ve figured out how to fix the Global Alert Notice, however I’m unable to get my banner image to return. Here’s the CSS we’re using – did something change that would’ve disabled this CSS?:

```plaintext
.category-deformers #main > .ember-view > .ember-view:nth-child(1) {
    height:500px;
    background-image:url(http://www.deformers.com/_images/forums/header-official.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: relative;
}

.category-deformers #main > .ember-view > .ember-view:nth-child(1):after{
    //content:'';
    display:block;
    height:10px;
    background-image:url(http://www.deformers.com/_images/slides/bgrd-slide-bot.png);
    background-repeat:repeat-x;
    background-position:left top;
    bottom: 0;
    position: absolute;
    width: 100%;
}

.category-deformers #main-outlet{
    padding-top: 200px;
}

.category-deformers .d-header.clearfix{
    padding-left:0px;
    padding-right:0px;
}

```

**Before Image:**

 ![](https://global.discourse-cdn.com/meta/original/3X/0/8/08d351cad13afb681a72d354e90600c947218e2f.png)

**After Image:**

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

---

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [12월 20, 2016, 1:43오후 UTC](https://meta.discourse.org/t/category-banner-image-missing-on-landing-page-after-update/54531/2 "2016-12-20T13:43:48Z")

</div>

> [@LilTrashPanda](#):
>
> `ember-view`

Using `ember-view` (or any ember internal names) in CSS selectors is a guaranteed way to make it break.

Can you share a link to the forum? That way I can try a fix.

---

<div class="post-metadata">

### Author: ![LilTrashPanda](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/liltrashpanda/32/62053_2.png) [@LilTrashPanda](https://meta.discourse.org/u/LilTrashPanda)
#### Post date: [12월 20, 2016, 7:38오후 UTC](https://meta.discourse.org/t/category-banner-image-missing-on-landing-page-after-update/54531/3 "2016-12-20T19:38:57Z")

</div>

It’s not a public forum yet, but I can send you an invite via email so you can check it out. Does that work?

---

<div class="post-metadata">

### Author: ![LilTrashPanda](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/liltrashpanda/32/62053_2.png) [@LilTrashPanda](https://meta.discourse.org/u/LilTrashPanda)
#### Post date: [12월 20, 2016, 7:53오후 UTC](https://meta.discourse.org/t/category-banner-image-missing-on-landing-page-after-update/54531/4 "2016-12-20T19:53:44Z")

</div>

_Edit: I solved it, but in probably the worst way possible (lots of use of `padding`…)._

Actually, that helped me quite a bit, but now I have a bit of another weird problem…

Since updating the CSS (and having my banner image come back as desired), when I scroll down on the main page, the background image I’ve uploaded through the category settings is cut off, and only the default background color shows instead. Is it better to set the background via CSS so I can make sure it covers the entire screen?

Current CSS:

```plaintext
.category-deformers #main > .ember-view:nth-child(1) {
    height:500px;
    background-image:url(http://www.deformers.com/_images/forums/header-official.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: relative;
}

.category-deformers #main > .ember-view:nth-child(1):after{
    content:'';
    display:block;
    height:10px;
    background-image:url(http://www.deformers.com/_images/slides/bgrd-slide-bot.png);
    background-repeat:repeat-x;
    background-position:left top;
    bottom: 0;
    position: absolute;
    width: 100%;
}

.category-deformers #main-outlet{
    padding-top: 500px;
}

```

That last bit is what’s causing the issue, I imagine… but it was the only way I knew how to “drop” the page’s content down load enough so it wouldn’t overlap the banner.

**Current Image:**

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

---

<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: [6월 8, 2024, 12:45오후 UTC](https://meta.discourse.org/t/category-banner-image-missing-on-landing-page-after-update/54531/5 "2024-06-08T12:45:09Z")

</div>

이 주제는 2727일 후 자동으로 닫혔습니다. 새로운 답변은 더 이상 허용되지 않습니다.
