# Help with category background images

**URL:** https://meta.discourse.org/t/help-with-category-background-images/104709
**Category:** Support
**Created:** [December 19, 2018, 9:01pm UTC](https://meta.discourse.org/t/help-with-category-background-images/104709 "2018-12-19T21:01:06Z")
**Posts on this page:** 1
**Showing post:** 2

<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 19, 2018, 9:26pm UTC](https://meta.discourse.org/t/help-with-category-background-images/104709/2 "2018-12-19T21:26:21Z")

</div>

You’re going to want something fairly large in dimension and in a landscape orientation (but watch out for file size too, you don’t want to force everyone to download a huge image).

For example, I accidentally took this photo of my couch. The dimensions are 1920 x 1440 and it fits my screen as a background image (text is unreadable over it, but that’s a separate issue).

 ![IMG_0782](https://global.discourse-cdn.com/meta/original/3X/7/b/7bca050049a05c76275bceefb02bf9388703e3d9.jpeg)

Note that the image is set to `background-size: cover;` by default — so this means that the image will be scaled-up to fill the entire browser window without repeating the image (and likely cropped somewhat unless my window is in the same 4:3 ratio as the image). Small images will be sized up proportionately until they fit the entire window. You can change this behavior using CSS for the category, for example:

```plaintext
body.category-example {
  background-size: 25%:
}

```

Now your background image is much smaller, and tiled to fill the screen.

You’ll want to work with [background-size](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size), [background-repeat,](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat) and [background-position](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position) in your site’s CSS to find out which properties will work for your specific image.

---

_[View the full topic](https://meta.discourse.org/t/help-with-category-background-images/104709)._