Forum background is transparent

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.

1 Like

Welcome to Meta @andrewlevi :wave:

Can you try this CSS in your theme

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

and see if it solves the issue for you?


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!!

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

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.

#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;
1 Like

Like magic - Thanks for your help Joe!

1 Like