If you have set up your overlay in a Browser Source, but your overlay still isn't working correctly, we've compiled this article to help you find the most common problems that could be happening with your overlay.
How can I test if my alerts are working?
You can test your alerts by hitting the Test button in the bottom left of your overlay editor and checking if the alert showed up in your broadcasting software. If you're testing alert audio within the XPN overlay editor, ensure the test alerts aren't muted by checking the audio button to the immediate right of the Test menu.
Is your browser source the correct resolution?
XPN's overlays are unique in that they are built to fill your whole scene, making it incredibly easy to design your overlay within the overlay editor. However, broadcasting software often defaults to a lower resolution when you are making your browser source. If this is the case, you might get a popup "alert" warning from XPN when you preview your stream, telling you what's wrong.
In OBS, right-click on your browser source and then go to Properties. Ensure that the "width" and "height" textboxes match the resolution of your XPN overlay.
You can check your Overlay resolution by accessing the overlay settings in the top-left of the overlay editor. Usually this is 1920x1080.
For more information check out our OBS Studio article.
In XSplit, right-click on your browser source and set the resolution to "Custom". Make sure the resolution you enter matches the one in the bottom-left corner of your XPN overlay editor. Usually this is 1920x1080. For more information check out our XSplit article.
Does your overlay have any visible elements?
Remember that alert layers (and a few others) will be invisible until you get a tip, follow, sub, etc. As such, it might be normal for your overlay to be blank initially. If you have placed down an alert layer, try using the Test button in the bottom left of your overlay editor. Check if the alert showed up in your broadcasting software.
Is your overlay source on top of everything else?
Make sure your browser source is above all the other sources on your scene, and not behind your game. In OBS, the highest source in the list is always on top, so make sure your browser source is at the top.
Do other websites load in your browser source?
If the advice above hasn't helped, try pointing your browser source to a webpage you know works, like Google. If that fails, make sure there are no programs (like firewalls or anti-viruses) that could be blocking the connection.
Are you still having problems?
Please contact us through the help button in the bottom-left or shoot us an email at creators@xsolla.com and we will help you diagnose the problem.