ChatBubbleSimple

Simple Twitch Chat bubbles with pronouns

To get your pronoun set on twitch go to the following site.

https://pronouns.alejo.io

When your making a chat schemes on streamelement follow these step

https://streamelements.com/

1. Login to streamelement
2. Open the tab for stream tool
3. New overlay
4. Overlay resolution set too custom
5. width 550 by height 700
6. Click the + thing at the bottom
7. Click on the setting tab
8. open editor
9. clear what in html at the code on the 1.html, do the same with all the following ( 2.css, 3.js, 4.fields, and 5.data)
10. click save

If all works you should be able to run the test command

1. Click on setting
2. Click preview
3. Sent test message
4. If it work test will show up with random username

To add to obs, streamlabs, even obs/streamelement is to do the following for browser source.

1. Login to streamelement
2. Open the tab for stream tool
3. What ever you name you overlay, click edit
4. In the top right hand corner next to save and preveiw, you will see a copy overlay url, click that
5. Next go to your streaming software of choice, I use obs so this will be for obs, but it work the same way for any other, and yes streamlabs can read browser source from streamelements
6. Open obs
7. In source if you already have a scenes then don't make a new scenes for this, click the plus sign in the source tab
8. click browser
9. Create new(name it what you want, i name mine livechat.)
10. Url is the url you copy from streamelements so paste that there
11. Change the width to 550 and height to 700
12. Click ok

That it you have a simple chat that has pronouns in it now.