# Fix missing padding/background-color of the forum content column

**URL:** https://discourse.nodered.org/t/fix-missing-padding-background-color-of-the-forum-content-column/93263
**Category:** Meta
**Created:** [19 November 2024 13:59 UTC](https://discourse.nodered.org/t/fix-missing-padding-background-color-of-the-forum-content-column/93263 "2024-11-19T13:59:16Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![pReya](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/preya/32/96560_2.png) [@pReya](https://discourse.nodered.org/u/pReya)
#### Post date: [19 November 2024 13:59 UTC](https://discourse.nodered.org/t/fix-missing-padding-background-color-of-the-forum-content-column/93263/1 "2024-11-19T13:59:16Z")

</div>

This forum has some styles that look a little weird. All the elements on the very side of the content area are directly touching the grey background color, without any padding.

 ![Screenshot 2024-11-19 at 14.53.32](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/d/ad96cf3190ecee339aea207fdd52fd579386e5d0.png)

Actually, there is already padding around the content column (defined in the `.wrap` class, but it's not visible, because the `#main-outlet-wrapper` element doesn't have white background-color).

So by just changing/adding one single line of CSS, this could easily be fixed/improved.

```css
#main-outlet-wrapper {
  background-color: #fff;
}

```

Can someone from the Admins apply this style change?

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [19 November 2024 20:49 UTC](https://discourse.nodered.org/t/fix-missing-padding-background-color-of-the-forum-content-column/93263/2 "2024-11-19T20:49:59Z")

</div>

> [@pReya](#):
>
> All the elements on the very side of the content area are directly touching the grey background color, without any padding

Ah, I use dark mode always so I don't see that. It does look a little odd.

---

<div class="post-metadata">

### Author: ![pReya](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/preya/32/96560_2.png) [@pReya](https://discourse.nodered.org/u/pReya)
#### Post date: [20 November 2024 09:33 UTC](https://discourse.nodered.org/t/fix-missing-padding-background-color-of-the-forum-content-column/93263/3 "2024-11-20T09:33:04Z")

</div>

Can you explain how this relates to Dark mode? Is there a separate Dark mode for discourse that can be enabled manually? Because I use dark mode on the OS as well, but the forum doesn't change it's style depending on the OS level dark mode.

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [20 November 2024 09:40 UTC](https://discourse.nodered.org/t/fix-missing-padding-background-color-of-the-forum-content-column/93263/4 "2024-11-20T09:40:08Z")

</div>

Its a per user option in preferences:

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/b/aba0223d51fb7e6dfe1e4c1149a11cf92c1e1380.png)  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/c/8/c8828bc08428af488c0eed0b8dcb8a19554ddc44.png)

---

<div class="post-metadata">

### Author: ![pReya](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/preya/32/96560_2.png) [@pReya](https://discourse.nodered.org/u/pReya)
#### Post date: [20 November 2024 09:51 UTC](https://discourse.nodered.org/t/fix-missing-padding-background-color-of-the-forum-content-column/93263/5 "2024-11-20T09:51:54Z")

</div>

Ah yes, that makes it so that the problem isn't visible. Still, since light mode is the default for new users, it'd still be nice, if someone could apply the suggested fix.

---

<div class="post-metadata">

### Author: ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)
#### Post date: [20 November 2024 10:16 UTC](https://discourse.nodered.org/t/fix-missing-padding-background-color-of-the-forum-content-column/93263/6 "2024-11-20T10:16:35Z")

</div>

Done. Thanks for the suggestion.

Whilst in there, I also tried to figure out where the white line is coming from in the header... but couldn't in the time available. Will save that for another day.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/5/b5c480f4527b29d864f040e4ce1424c59169cc23.png)

---

<div class="post-metadata">

### Author: ![pReya](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/preya/32/96560_2.png) [@pReya](https://discourse.nodered.org/u/pReya)
#### Post date: [20 November 2024 10:52 UTC](https://discourse.nodered.org/t/fix-missing-padding-background-color-of-the-forum-content-column/93263/7 "2024-11-20T10:52:44Z")

</div>

Thanks for applying the change! You can get rid of this white line (which is actually a shadow) by removing the line

```css
.d-header {
  box-shadow: var(--shadow-header);
}

```

Or alternatively, overriding it, by adding this:

```css
.d-header {
  box-shadow: none !important;
}
```

---

<div class="post-metadata">

### Author: ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [20 November 2024 10:57 UTC](https://discourse.nodered.org/t/fix-missing-padding-background-color-of-the-forum-content-column/93263/8 "2024-11-20T10:57:41Z")

</div>

To affect only the light theme

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/9/a92cd98260009157c1b59c71314545ae6c10dd48.png)

---

<div class="post-metadata">

### Author: ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)
#### Post date: [20 November 2024 11:13 UTC](https://discourse.nodered.org/t/fix-missing-padding-background-color-of-the-forum-content-column/93263/9 "2024-11-20T11:13:21Z")

</div>

@pReya thank you! box-shadow was the one thing I didn't look for...

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [20 December 2024 11:13 UTC](https://discourse.nodered.org/t/fix-missing-padding-background-color-of-the-forum-content-column/93263/10 "2024-12-20T11:13:24Z")

</div>

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