OBS guide
How to add a banner to OBS.
A VXH banner works as a Browser source, so you need no plugins. The whole setup takes a minute.
Step by step
- Open a generator (FACEIT or LoL), enter your nickname or Riot ID and pick a look.
- Copy the link from the generator.
- In OBS, click the plus in the Sources panel and choose Browser.
- Paste the link into the URL field.
- Set the width and height shown by the generator and confirm.
- Drag the banner to where you want it on the scene.
Tips
- Transparency works out of the box, so keep the default custom CSS.
- If the banner does not refresh after a settings change, click Refresh cache of current page in the source properties.
- For size and FPS, see the Browser source settings guide.
Recommended:
SmoothWizard Gain FPS with one click
Frequently asked questions
How do I add a banner to OBS?
Add a Browser source, paste the link from the generator into the URL field and set the width and height shown by the generator. No plugins are needed.
Is the banner transparent in OBS?
Yes. The widget has a transparent background and the default custom CSS of the OBS Browser source does not break it. You do not need to change anything.
What size should the Browser source be?
The size the generator shows next to the link. In AUTO mode in FACEIT Banner Studio the banner adapts to the size of the source window.
See also