LIVE Chat on Screen using OBS Studio - YouTube Livestreaming Chat ✔

preview_player
Показать описание
Here's what I use, just copy the code and paste it into CSS :

_______________________________________________________________________
Рекомендации по теме
Комментарии
Автор

I followed instructions and now my Youtube Live Chat pop-up is not working anymore...

monsieur-top
Автор

I'm so proud man, actually this guy is not yapping about StreamElements, thank you I'm gonna download this video

FunBlox_Playz
Автор

which code do i specifically use or do i have to copy the entire thing?

mr.k_
Автор

does it work guys, im scared to put any script, since the channel named "hacks"

Jarviz
Автор

But upper message will not vanished when new comes
soln. pls

priyanshupriyanshu
Автор

Not working for me anymore i dont know what happen :(

gzeusss
Автор

Alway bro, alway with these accents that save my day.

มนารีดวงสอาด
Автор

This is litterally the only tutuorial that worked for me and ofc It was one of the clutch indian guys. Love them so much!

TheNoobiestProVR
Автор

How to hide chat from viwers ? but we can see that on screen

Clasho
Автор

why i'm not transparant ? i already copy css from your drive. and still doesn't not transparant.

devinlesmanaa
Автор

The docs link i cant copy, can PB Hackz send again pls

cranknbolt
Автор

can anyone tell me the custom CSS i cant copy and paste it idk why so can anyone tell me here plss need it asap

roberoblox
Автор

hello, i correct understund ? every time need change this popchat link stream time ?

Feragamotv
Автор

once please put me that code i am confuse in that code for me getting a list

AndroidGamer
Автор

Legend, it's not only straight-forward, but the code puts it over the edge. Thanks so much!

fillingthevoid
Автор

can we see while playing game ? .. not in obs on gaming screen

TusharGamingLive
Автор

Please help mee. I can't find that code. I'm clicking the link but, I can't find the code.

allblackandwhiteofficial
Автор

Thankx a lot for this video now I csn stream perfectly

biswaop
Автор

I just need a tutorial to understand what all the css code means.

Peteboi
Автор

FULL CSS CODE : -


/* Background colors*/
body {
overflow: hidden;
background-color: rgba(0, 0, 0, 0);
}
/* Transparent background. */
yt-live-chat-renderer {
background-color: transparent !important;
}
yt-live-chat-text-message-renderer,
{
background-color: transparent !important;
}

yt-live-chat-text-message-renderer[author-type="owner"],
{
background-color: transparent !important;
}

yt-live-chat-text-message-renderer[author-type="moderator"],
{
background-color: transparent !important;
}

yt-live-chat-text-message-renderer[author-type="member"],
{
background-color: transparent !important;
}


yt-live-chat-author-chip #author-name {
background-color: transparent !important;
}
/* Outlines */
yt-live-chat-renderer * {
text-shadow: -2px -2px -1px 0px 1px 2px -2px -1px 0px 1px 2px -2px -1px 0px 1px 2px -2px -1px 0px 1px 2px -2px -1px 0px 1px 2px
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}

#content,
#content {
overflow: initial !important;
}

/* Hide scrollbar. */
#items{
overflow: hidden !important;
}

#item-scroller{
overflow: hidden !important;
}

/* Hide header and input. */
yt-live-chat-header-renderer,
{
display: none !important;
}

/* Reduce side padding. */
yt-live-chat-text-message-renderer,
{
padding-left: 4px !important;
padding-right: 4px !important;
}

#header {
padding-left: 4px !important;
padding-right: 4px !important;
}

/* Avatars. */
#author-photo,
#author-photo,
#author-photo {

width: 24px !important;
height: 24px !important;
border-radius: 24px !important;
margin-right: 6px !important;
}

/* Hide badges. */
#author-badges {
display: none !important;
vertical-align: text-top !important;
}

/* Timestamps. */
#timestamp {

color: !important;
font-family: "Imprima";
font-size: 16px !important;
line-height: 16px !important;
}

/* Badges. */
#author-name[type="owner"],
#author-name.owner,
{
color: #ffd600 !important;
}

#author-name[type="moderator"],
#author-name.moderator,
{
color: #5e84f1 !important;
}

#author-name[type="member"],
#author-name.member,
{
color: #0f9d58 !important;
}

/* Channel names. */
#author-name {
color: !important;
font-family: "Changa One";
font-size: 20px !important;
line-height: 20px !important;
}

#author-name::after {
content: ":";
margin-left: 2px;
}

/* Messages. */
#message,
#message * {
color: !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}


/* SuperChat/Fan Funding Messages. */
#author-name,
#author-name *,
#event-text,
#event-text * {
color: !important;
font-family: "Changa One";
font-size: 20px !important;
line-height: 20px !important;
}

#purchase-amount,
#purchase-amount *,
#detail-text,
#detail-text * {
color: !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}

#content,
#content * {
color: !important;
font-family: "Imprima";
font-size: 18px !important;
line-height: 18px !important;
}

{
margin: 4px 0 !important;
}

{
background-color: #0f9d58 !important;
margin: 4px 0 !important;
}

a,
a {
text-decoration: none !important;
}

yt-live-chat-text-message-renderer[is-deleted],
{
display: none !important;
}

yt-live-chat-ticker-renderer {
background-color: transparent !important;
box-shadow: none !important;
}
yt-live-chat-ticker-renderer {
display: none !important;
}


yt-live-chat-ticker-paid-message-item-renderer,
*,
yt-live-chat-ticker-sponsor-item-renderer,
* {
color: !important;
font-family: "Imprima";
}

yt-live-chat-mode-change-message-renderer,
yt-live-chat-viewer-engagement-message-renderer,
{
display: none !important;
}

yt-live-chat-banner-manager {
display: none !important;
}


yt-live-chat-action-panel-renderer,
yt-live-chat-renderer #action-panel {
display: none !important;
}

PBHackz