Looking for CSS magic - background for the tablet / desktop view?

Has anyone succeeded in finding the CSS for the background for the tablet view… so I could have a lovely screen that looks like this?

Thanks! (looking for magic, as per usual :wink: :sparkles: )

Check ?


.center-panel {



1 Like

Red is working…

But I cannot get the background image to show

well what is it pretty in red :wink:
I watch.
But it seems to me that I have already seen this on the forum ??

uhm the tag is missing in your CSS !!!

.center-panel {
background-image : .............
1 Like

it’s “meuhhh” like that

1 Like

Cool! And tell no one I haven’t a clue what I’m doing :wink: (but I learn fast :slight_smile:

1 Like

as usual to check in desktop version !!!

You can also try this:

.background {
position: fixed;
height: 100%;
width: 100%;
left: 0%;
filter: brightness(50%);
background-image: url("URL"); 
background-size: cover;
background-position: center center; 

But I believe you don’t get the white center part on tablet/desktop view.


or you can do like this:

Screen Shot 2021-05-28 at 5.19.38 AM

LINK to this sample

1 Like

when you click on that picture, it will take you to the app where you can see it in action.

1 Like

Clever / and very nicely executed:)

1 Like

thank you… plus you are gaining extra room at the bottom… and the right side is not that empty anymore

1 Like