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 ?

<pre><span><style>

.center-panel {
background-color:red;

OR

background-image:…
}

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;
margin-top:0;
height: 100%;
width: 100%;
top:0;
right:0; 
left: 0%;
z-index:-100;
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.

2 Likes

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