# Background Image: repeat-y issue in Category List view only

**URL:** https://meta.discourse.org/t/background-image-repeat-y-issue-in-category-list-view-only/172827
**Category:** Bug
**Created:** [December 10, 2020, 2:29am UTC](https://meta.discourse.org/t/background-image-repeat-y-issue-in-category-list-view-only/172827 "2020-12-10T02:29:31Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Ryan\_N](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ryan_n/32/200907_2.png) [@Ryan\_N](https://meta.discourse.org/u/Ryan_N)
#### Post date: [December 10, 2020, 2:29am UTC](https://meta.discourse.org/t/background-image-repeat-y-issue-in-category-list-view-only/172827/1 "2020-12-10T02:29:31Z")

</div>

Using Dax’s [code](https://meta.discourse.org/t/change-background-image-on-all-pages/117301/4) with `background-repeat` set to “repeat-y,” I put a high-res picture of a blank sheet of paper on Imgur which I scaled to 1920x1440 before uploading. The behavior seems normal at first, except for the Category List view, which doesn’t scale the image and/or repeat it vertically. However, I noticed that when I zoom-out in Category view, in which the background image did seem to be scaling, it too stopped scaling after I zoom-out to 75%.

 ![Topic List view](https://global.discourse-cdn.com/meta/original/3X/3/8/38b629212676513cd198168ad63a64dfa42908fa.jpeg)

 ![scr 2020-12-09 at 9.15.38 PM](https://global.discourse-cdn.com/meta/original/3X/0/7/071f8381b6691984ebcf6efe6a57b1dbaa7c39bd.jpeg)

The headers issue, I fully trust isn’t fixable. No worries there. I honestly doubt I’ll use this background image feature but wanted to point these out anyway.

 ![Headers in some areas](https://global.discourse-cdn.com/meta/original/3X/7/7/77d60c9f2a1bb365f24e0fb294e9b65ee267e51e.jpeg)

Edit: post thread view seems to be acting normal, as shown below. Wonky colors because I’m only testing this for feasibility at this time (site not live yet). The headers issue as noted above is probably the main reason I’ll shy away from using an image (that, and legibility of text in certain instances).

 ![Post thread](https://global.discourse-cdn.com/meta/original/3X/a/8/a8c0fb2e84e9bc620e7bdfb024fc566e6d2e9644.jpeg)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [December 10, 2020, 3:32am UTC](https://meta.discourse.org/t/background-image-repeat-y-issue-in-category-list-view-only/172827/2 "2020-12-10T03:32:48Z")

</div>

Guessing since the content is short on that page `#main` isn’t filling 100% of the window height. Does the background fill the full page if you add `#main { height: 100vh; }`? you can also move the background image to the `HTML` tag instead.

---

<div class="post-metadata">

### Author: ![Ryan\_N](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/ryan_n/32/200907_2.png) [@Ryan\_N](https://meta.discourse.org/u/Ryan_N)
#### Post date: [December 10, 2020, 4:13am UTC](https://meta.discourse.org/t/background-image-repeat-y-issue-in-category-list-view-only/172827/3 "2020-12-10T04:13:19Z")

</div>

That did it! Thank you TWICE for two fixes today! 😁

A note on the behavior: 100vh did nothing and 1000vh caused the scroll bar to behave undesirably (it would scroll down into nothingness). 200 also seemed like too much scroll distance, so I walked it up in increments of 10. Amusingly, the background did not replicate itself, thereby causing the khaki (normal) background to reappear, at bottom. This maintained until I reached 140vh.