Make Twitch Chat Window Transparent?

NekkyTattoo

NekkyTattoo

New Member
Hi all! I'm new here... I have searched the interwebs and haven't found a solution that works as of yet...hoping to find that one of you might be able to solve this.
I am very new to Twitch and to OBS, I've figured out the basics for what I think I need except for I've added my Twitch Chat window as a browser source. Is the ANY WAY to make the chat browser source transparent so that JUST the chat is visible OVER the main content?
Thank You in advance!!
 
qhobbes

qhobbes

Active Member
If it's just the background try the following for Custom CSS:
body { background-color: transparent; margin: 0px auto; overflow: hidden; }
 
NekkyTattoo

NekkyTattoo

New Member
Thank you, But that did't work...background is still opaque. I would like to have JUST the chat text overlay on top of the gameplay feed. I've seen it done, but just cannot seem to figure out how.
 
qhobbes

qhobbes

Active Member
I'm sure there's a better way to do this but you could try applying a Chroma Key filter to the browser source for the background color.
 
carlmmii

carlmmii

Active Member
Add a Color Key filter (not Chroma Key) to the browser source. Use the exact color of the chat background. Adjust sliders to taste for bordering/blending.
 
You must log in or register to reply here.
Top