Question / Help YouTube Livechat - transparent background problem

andivax

New Member
hi, guys!
I don't but this is OBS Studio 17 bug/feature or change on YouTube..
My live chat (via BrowserSource) background was transparent.
http://prntscr.com/dxnfo1

Now it looks like simple YouTube LiveChat windows - white background.
http://prntscr.com/dxnfap

May be I should change CSS for BrowserSource?
Now it looks like this:
---------------
::-webkit-scrollbar {
display: none;
}

body {
background-color: rgba(0,0,0,0);
margin: 0 auto;
overflow: hidden;
color: #fff !important;
width: 100%;
}

.live-chat-page {
background: rgba(0,0,0,0);
}

.live-chat-widget #comments-scroller {
border: none;
-webkit-mask-image: -webkit-gradient(linear, left 20%, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}

#live-comments-controls {
display: none;
}

@-webkit-keyframes FadeOut {
0%, 100% {
opacity: 0;
}
5%, 95% {
opacity: 1;
}
}

.live-chat-widget .comment {
width: 90%;
background: rgba(0,0,0,0.3) !important;
margin-bottom: 1px;
-webkit-animation-name: FadeOut;
-webkit-animation-timing-function: linear;
-webkit-animation-duration: 60s;
-webkit-animation-fill-mode: both;
}

.live-chat-widget .accent-bar {
display: none;
}

.live-chat-widget .comment .author a {
font-size: 18px;
color: #56E8AB !important;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.live-chat-widget .comment-text {
font-size: 18px;
color: #fff;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
---------------------

thanx!
 
Top