A lot of people have been asking for a simpler version of the chat overlay. Well here is the code for that. It removes the bubble backgrounds and restores the text to the natural size. It is basically using the standard chat window with a transparent background.
Be sure to watch this video to see how to impliment the chat code:

Key Things to Remember:
- Make sure you are logged into the OBS browser source. Use the interact button to interact with the browser source within OBS.
- Keep the default CSS that OBS places in every browser source.
- After creating the video I added a min-width and max-width to .chat. This forces it to be a certain size.
- Also after creating the video I added "align-self: flex-end;" to the #chat-history-list to have the chat sit at the bottom of the chat window instead of being at the very top.
- Play around with the ".chat-history--username" color to customize it to your needs. You can also edit ".chat-history--message" to change the font and color of the message.
- If you get stuck please message me on twitter(only DM available) or email me at [email protected].
UPDATE: Rumble has launched permanent stream URL's. You can still share a direct link, or you can share your permanent livestream URL whenever you go live.
Example 1: http://rumble.com/StevenCrowder/live
Example 2: http://rumble.com/[CHANNELNAME]/live
This does work for those that are streaming from their user profile instead of a channel.
Example 3: http://rumble.com/user/[USERNAME]/live
Example 4: http://rumble.com/user/R3KONT3K/live
Copy and paste the code below.
body { background-color: rgba(0, 0, 0, 0); margin: 0px auto; overflow: hidden; }
.container{
background: #061726; /* Use a source key to remove this background color; */
}
.chat {
z-index: 900;
position: fixed;
top: 0px;
left: 0px;
min-width: 500px;
max-width: 500px;
}
.chat--height {
height: 100vh;
}
#chat-history-list {
overflow: hidden;
align-self: flex-end;
}
.chat-history--row {
}
.chat-history--user-avatar{
}
.chat-history--username {
}
.chat-history--badges-wrapper .chat-history--user-badge{
}
i.user-image--letter{
}
.chat-history--message{
}
#chat-message-form {
display: none;
}
/* Below Removes Unwanted Sections */
.header{
display:none;
}
.navs{
display:none;
}
.footer{
display:none;
}
.news_notification{
display:none;
}
.media-content{
display:none;
}
.media-under-title{
display:none;
}
.constrained h1{
display:none;
}
#theatreVideoPlayer{
display:none;
}
.media-sidebar .mediaList-list{
display:none;
}
.chat--header{
display:none;
}
/* Rumble Rants */
#chat-sticky-rants{
z-index:1000;
background: #061726;
padding:10px 0px;
position: fixed;
top: 0px;
left: 700px;
min-width: 500px;
max-width: 500px;
font-size: 28px;
}
.chat--history-list-shadow{
display:none;
}