Fullscreen buttons and macros ruining passage backgrounds

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 :frowning:

Thanks so much!

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

Thanks so much!!! I’ll try it right now and get back to you!

Worked a charm. Thanks a billion! :slight_smile: :slight_smile: