gilariel
(Gilbert Walker)
January 14, 2020, 7:50am
1
Hi there!
I’m having a problem with fullscreen macros (Chappel’s) or buttons (HiEv’s) causing my background to shrink and only cover the part of the screen with content on it, if that makes sense.
Here’s a picture of the background image (which is set to “cover”) with no full screen. As you can see, it is covering the whole page, doing what it is supposed to:
However, when I use Chappel’s <> macro or HiEv’s fullscreen button it does this to the passage:
Any ideas how to fix this? I’d really like fullscreen but need a way to not ruin my backgrounds
Thanks so much!
HiEv
January 14, 2020, 8:36am
2
I fixed the CSS that I think was causing that, try using this CSS instead:
/* Fullscreen Button - Start */
html, body {
position: absolute;
min-width: 100vw;
min-height: 100vh;
}
:-webkit-full-screen { /* Chrome/Blink fullscreen fix */
background-color: #111; /* Change to match your game's background color. */
}
input#fullscreen {
display: none;
}
.exitfullscreen img {
display: none;
}
input#fullscreen:checked ~ .exitfullscreen img {
display: inline;
}
input#fullscreen:checked ~ .gofullscreen img {
display: none;
}
.fullscreenImg {
cursor: pointer;
transition: 0.3s;
border-radius: 3px;
position: absolute;
top: 40px;
left: 252px;
height: 25px;
vertical-align: text-bottom;
visibility: visible;
}
.fullscreenImg:hover {
background: #444444;
}
/* Fullscreen Button - End */
Let me know if you still have any problems.
1 Like
gilariel
(Gilbert Walker)
January 14, 2020, 8:48am
3
Thanks so much!!! I’ll try it right now and get back to you!
gilariel
(Gilbert Walker)
January 14, 2020, 8:50am
4
Worked a charm. Thanks a billion!