Facebook Live Transparent Live Chat

Discussion in 'General Guides and Tips' started by Zethro, Jan 27, 2019.

  1. Zethro

    Zethro Elite Gamer

    Topics:
    176
    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 {
    
    }
     
  2. Cikatama

    Cikatama Newbie Gamer

    Topics:
    1
    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!
     

Similar General Guides and Tips Topics

Loading...

Share This Page

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice