Just delete a code in the ‘Custom CSS’ box if you notice it. Simply paste the link into the URL bar, and adjust the weight and height. Select that to open the window for adding the URL. In the ‘Sources’ section, click ‘+,’ and find ‘Browser’ from the list. Basically repeat the process as already explained before.

Highlight it, and then add a new source.

Create a new scene if you haven’t already. To move it to OBS, here are the steps to take. In the end, you’ll see the chain icon in the top right corner.Ĭlick on it to copy the URL. To get the link, complete the overlay-making process.

This time we’re gonna assume that you’ve made on in StreamElements. Many services can assist you with overlay creation. You should have the overlay link ready before adding it to OBS. Or, to make it easier, right-click the image, move the cursor over ‘Transform,’ and then select ‘Fit to Screen.’ The image will automatically be repositioned in the middle. To ensure that no part is getting cropped out, you’ll need to resize it. Likely, the animation doesn’t fit the screen after the import. Ignoring this will cause it to play once and then disappear. Don’t forget to tick the ‘Loop’ box because you’ll want the animation to play repeatedly. Just click ‘Browse’ and navigate to the folder where it’s saved.ĭouble-click the file to open it.

The next pop-up window will ask you to find the file in the local storage.

Label the file by typing in a name in the ‘Create New’ field, and then hit the ‘OK’ button. To add an animated overlay, hover the pointer over ‘Media Source,’ click it.

Overlay for obs studio