# Forum background is transparent

**URL:** https://meta.discourse.org/t/forum-background-is-transparent/197257
**Category:** Support
**Created:** [July 15, 2021, 3:29pm UTC](https://meta.discourse.org/t/forum-background-is-transparent/197257 "2021-07-15T15:29:38Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![andrewlevi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrewlevi/32/227807_2.png) [@andrewlevi](https://meta.discourse.org/u/andrewlevi)
#### Post date: [July 15, 2021, 3:29pm UTC](https://meta.discourse.org/t/forum-background-is-transparent/197257/1 "2021-07-15T15:29:38Z")

</div>

I have added a global background image but it seems that the forum is transparent and needs to be solid white. Im using the Default Theme and dont see a UI setting to make this solid or transparent. Im using the Neutral color pallate and the Secondary color value is set to white. I dont see any other way to set the whole forum background to white versus transparent. Perhaps this too can be set in CSS - I searched and didnt find an existing topic on this issue. Thanks for the help - new to Discourse but really like it so far.

 ![Background1](https://global.discourse-cdn.com/meta/original/3X/0/0/00b63a0705d73df0acdbf39a89a93693d6a40fee.jpeg)

---

<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: [July 15, 2021, 3:46pm UTC](https://meta.discourse.org/t/forum-background-is-transparent/197257/2 "2021-07-15T15:46:10Z")

</div>

Welcome to Meta @andrewlevi 👋

Can you try this CSS in your theme

```css
#main-outlet {
  background-color: var(--secondary);
}

```

and see if it solves the issue for you?

---

<div class="post-metadata">

### Author: ![andrewlevi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrewlevi/32/227807_2.png) [@andrewlevi](https://meta.discourse.org/u/andrewlevi)
#### Post date: [July 15, 2021, 3:56pm UTC](https://meta.discourse.org/t/forum-background-is-transparent/197257/3 "2021-07-15T15:56:57Z")

</div>

That worked - Thanks. Only problem I see is that when I choose a category the footer is now white. Do you have some magic for that? Thanks!!

 ![Background Issue 071521](https://global.discourse-cdn.com/meta/original/3X/4/a/4af2167e26257b69e0269fa0365323eecfca6214.jpeg)

---

<div class="post-metadata">

### Author: ![andrewlevi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrewlevi/32/227807_2.png) [@andrewlevi](https://meta.discourse.org/u/andrewlevi)
#### Post date: [July 15, 2021, 4:00pm UTC](https://meta.discourse.org/t/forum-background-is-transparent/197257/4 "2021-07-15T16:00:35Z")

</div>

Its also messing with the admin footer - probably same issue. Appreciate the help!

 ![Background Issue 071521C](https://global.discourse-cdn.com/meta/original/3X/6/3/63ff207430d0cf42e7c7531b9cb7da0667e9a0a1.png)

---

<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: [July 15, 2021, 4:05pm UTC](https://meta.discourse.org/t/forum-background-is-transparent/197257/5 "2021-07-15T16:05:05Z")

</div>

The issue is not that the footer is white. The issue is that the page content is not large enough to fill the entire viewport.

Still, you can also fix this with CSS. Try adding these as well.

```scss
#main > div:first-child {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

#main-outlet {
  flex: 1 0 auto;
  max-width: calc(100% - 20px);
  width: $large-width;
}

```

---

<div class="post-metadata">

### Author: ![andrewlevi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/andrewlevi/32/227807_2.png) [@andrewlevi](https://meta.discourse.org/u/andrewlevi)
#### Post date: [July 15, 2021, 4:09pm UTC](https://meta.discourse.org/t/forum-background-is-transparent/197257/6 "2021-07-15T16:09:31Z")

</div>

Like magic - Thanks for your help Joe!