Overlay Not Showing

Your 4thRock overlay is a single Browser Source in OBS, and every widget renders inside it. If the source is blank in OBS, work through this checklist in order. Most blank overlays come from a wrong URL, a misconfigured Browser Source, or having no widgets placed yet.

Checklist

1. Confirm you copied the exact overlay URL

Open your dashboard, go to Appearance, and copy the overlay URL again. It is personal to you and includes your overlay token. Paste it into the OBS Browser Source URL field exactly as shown. Do not type it by hand or edit it, and do not reuse a URL from another account. See Set Up Your Overlay.

2. Check the Browser Source in OBS

In OBS, open the Browser Source properties and confirm:

  • The source is enabled (the eye icon is on) in the scene you are streaming.
  • The source is not hidden behind another source. Move it to the top of the source list if needed.
  • Width and Height match your canvas, usually 1920 by 1080. A zero or tiny size shows nothing.

3. Refresh the Browser Source cache

OBS can hold a stale copy of the overlay. In the Browser Source properties, click Refresh cache of current page. If that does not help, remove the source and add it again with the same URL.

4. Confirm a platform is connected

The overlay needs at least one connected platform to receive events. Check the dashboard and connect your platform if it is missing. See Connect Your Platform.

5. Place widgets on the canvas in Appearance

A connected, correctly sized overlay still looks blank if no widgets are placed. In the dashboard, go to Appearance and drag the widgets you want onto the canvas, then resize them. Changes apply to the live overlay. See Appearance.

6. Check whether the overlay key was regenerated

Your overlay URL contains a key. If that key was regenerated, every older Browser Source using the previous URL stops working and shows nothing. Copy the current URL from Appearance and update your OBS Browser Source with it.