Is there an easy option to change our app's background colour?

Ask the community
1

Hi all,

I want to use a dark background for my entire app and

  • I cannot find an option to set this for all pages/blocks without having to set this individually
  • when I do it by hand, I still see an issue of white zones when the page is not high enough (see screenshot)

Looking forward to see your ideas!

Screenshot 2022-10-28 at 10.49.51
Screenshot 2022-10-28 at 10.49.511920×522 53.1 KB

2

I spent some time this morning playing around with CSS to see if I could get something to work.

It seems like a path to explore would be to add some custom code to the Code Inside Header section of your site along the lines of this:

<style>
* {
    background-color: #ff0000;
}
</style>

I hasten to add that this CSS is not correct - you will need to experiment with replacing the * with a more precise selector. The approach I was taking was to set the background color of one block, then use the Chrome debugger tools to explore what that did to the CSS on the page, then try to reproduce that selector in the site settings code. I didn’t get far enough to offer a solution but if you are able to experiment further with this approach, you might find it!

3

Thanks for the help, I’ll try to play with this !

4

Curious if you ever found an answer here? I have the same problem as you (weird white zones depending on size of blocks)!