EdiXDocs

Add overlays to OBS

EdiX overlays are web pages you add to OBS as Browser Sources. Run one combined overlay or pick individual ones.

live_tvAdd a Browser Source

  1. In OBS, under Sources, click + → Browser.
  2. In your dashboard, open Settings → Overlays and copy an overlay URL.
  3. Paste it into the Browser Source URL field and set Width / Height to the recommended size.
  4. Position it on your scene. The overlay updates live as games run.
OBS Browser Source properties with the overlay URL and 1920×1080 size
OBS → Browser Source: paste the URL, set 1920×1080
info

Every overlay URL must include ?c=<your-channel> — the dashboard already adds it. Without it the overlay stays blank. Always copy from Settings → Overlays rather than typing it by hand.

sports_esportsAll-in-One overlay

The All-in-One overlay is a single 1920×1080 Browser Source that combines every overlay you enable. Turn overlays on, drag to position them, and use the scale slider on a selected box to resize. One source covers your whole scene.

The All-in-One editor: overlay toggles and a drag-and-place canvas
The All-in-One editor — toggle, drag, scale
info

The All-in-One overlay is on the Pro and Team plans. On Free, add each overlay you want as its own Browser Source.

tvIndividual overlays

Each game and widget has its own URL and a recommended pixel size (the poll is 600×310, the leaderboard 340×320, and so on). Add only the ones you use as separate Browser Sources.

Several overlays arranged on a 1920×1080 scene
A typical layout of individual overlays

The full list with sizes is in Games & overlays.

lockSecure links

Overlay URLs carry a private, unguessable per-widget token so only you can load them. In Settings → Overlays you can:

  • Require secure links — only the tokenized URLs work.
  • Regenerate secure links — rotate the tokens if a URL leaks (re-copy the new URLs into OBS afterward).
Secure-links toggle and regenerate control
Require and regenerate secure links

settingsIf an overlay looks stuck

Open Settings → Maintenance → Reload overlays to refresh every browser source at once, or right-click the source in OBS and choose Refresh. More fixes in Troubleshooting.