Facebook Live Transparent Live Chat

Zethro

Elite Gamer
Nov 4, 2018
191
16
18
For those looking to spice up their streams by showing a transparent live chat.

Note: Sorry for the messy CSS, I ripped out my styling, but left the variable tags that allow further customizing. I may be able to help some of you with small custom changes in my spare time. Sorry I didn't share it sooner.

OBS:
Source - Add Browser - URL: https://www.facebook.com/gaming/streamer/chat/
(side note, if you have issues, put your page number on the end like this:: https://www.facebook.com/gaming/streamer/chat/?page=################ (# = your page number))

W/H:
Set it to aspect your CSS.

Custom CSS:

Code:
body {
background-color: rgba(255, 0, 0, 0);
margin: 0px auto;
overflow: hidden;
}
a {
color: #FFFFFF;
}

._6n4l {
font-size: 20px;
font-weight: 800;
font-family: sans-serif;
position: relative;
}

._42ef {


}


._32cm {
}

._4gy4 ._2fr0 {
color: #FFFFFF;
font-size: 21px;
}


._6a44 {
visibility: hidden
}
._6a44 > span > a {
visibility: hidden !important
}
._6a44 > span > a:nth-child(1) {
visibility: initial !important
}


._uql {
visibility: hidden
}
._uql > span > a {
visibility: hidden !important
}
._uql > span > a:nth-child(1) {
visibility: initial !important
}
._uq1 {
overflow-y: hidden;
}

._25zr,
._3-8j {
display: none;
}
._4-u2 ._4-u3 {
border: 0;
}
._4-u2 {
border: 0
}
._4-u8 {
background: none
}
._2l6k {
display: none
}
._2l6i {
padding-top: 8px
}

._4y56 {
color: #FFFFFF;
}
._8r {
width: 45px;
height: 45px;
}

._6a43 {

}
 

Cikatama

Newbie Gamer
Oct 8, 2019
1
0
1
33
Excellent work! How do you increase the size of the profile picture or edit the color/size of titles like milestone follower, etc.? I managed to change fonts and add shadows but not much else. Thank you!
 

Reply