Skip to main content
ScoreLayerBlogMajor improvements for our YoloBox users
by Joachim, founder

Major improvements for our YoloBox users

ScoreLayer's YoloBox support got a full pass: a resolution picker, a short link that's actually typeable on the remote, and a background that's finally transparent every time.

YoloBox has quietly become one of the most common ways people run ScoreLayer, and that number has been climbing. We love that, and it meant the YoloBox path deserved more than the minimum. Over the past few days we went through it end to end and fixed what wasn't working.

Built specifically for YoloBox

YoloBox's own "Web URL Overlay" feature has a documented bug: it crops a web page regardless of what's on it. YoloLiv's own workaround is to point it at a small wrapper page that embeds the real overlay in a fixed-size iframe instead of loading it directly, and that's exactly what Copy YoloBox URL in the control panel gives you, hosted by us so you don't have to build or host that wrapper yourself.

It sits right next to Copy OBS URL, and until this week, that was the whole feature: click it, get a link, paste it into YoloBox. The rest of this post is what changed since.

Match your canvas resolution

The fixed-size iframe needs to know your canvas size, or the overlay renders small and off to one side instead of filling the frame. Clicking Copy YoloBox URL now opens a picker for it instead of leaving you to add &w= and &h= by hand.

Three presets cover most setups: 1280×720, YoloBox's own recommended size and now ScoreLayer's default too, 1920×1080, and 3840×2160. If your canvas is some other size, none of the three fit exactly. Open the copied link in any browser first: it redirects to the full overlay URL, and you can edit &w= and &h= in the address bar to match. The OBS setup guide covers that case in full, along with resizing the Web URL Overlay widget itself to match once you've loaded the link.

See exactly what got copied

Picking a preset used to copy the link and close the picker in the same motion, with nothing to check it against.

Now the picker stays open and shows you the resulting URL, so you can check it before switching over to YoloBox. Pick a different preset and the link updates in place, no need to reopen the picker. If the clipboard write fails silently, the URL sits there as selectable text, so you can copy it by hand instead.

That URL is also a short link now, something like s.scorelayer.live/wqepn5t2, instead of the full path with query parameters. There's a lot less to type on YoloBox's on-screen keyboard, which is the only way to get a URL into it if you can't paste. It only stores your scoreboard ID and the chosen resolution, not your share token directly, so it keeps working even if you rotate your token later. If your account isn't on the short-link domain yet, the button still copies the long-form URL and the rest of the flow works the same way.

And now, actually transparent

One more fix, unrelated to the picker: some embeds, YoloBox's Web URL Overlay among them, were rendering the scorebug on a solid dark background instead of a transparent one. The overlay page itself was transparent; the browser surface underneath it wasn't, and not every embed composites that away reliably. The overlay now forces a transparent background explicitly, so it no longer depends on the embed getting that right. If you've been seeing a dark box behind your scoreboard, reload the source in YoloBox.

If you're running ScoreLayer through YoloBox, this is all live now: reopen the control panel and click Copy YoloBox URL to get a link with the new picker.

Ready to go live?

Create a free scoreboard and add it to OBS in under 2 minutes — no install required.

Create free scoreboard