Need help adding chat to a scene

[WaKe_BiGReD]

for so reason i cant figure out how to add my chat to a scene in obs? if anyone can help that would be awesome

[Mitch]

Like this?
http://dhelp.xyz/i/2015-10-27_22-48-00.mp4

[WaKe_BiGReD]

ok so i did that make me a custom css
are u good a photo shop to hit me up

[WaKe_BiGReD]

can i get a css for my chat in red and black

[Mitch]

Red username?
Black messages?
Bold / font / size?

[WaKe_BiGReD]

White usernames
Red text
Bold/georgia/what u think is a good size 16/18

[WaKe_BiGReD]

i have a black background

[Mitch]

LINK:

 http://deepbot.tv/notifications/OBSChatv8.htm

-------------------------------------------------------------------------------------------------------

CSS:

Code: [Select]

::-webkit-scrollbar {
visibility: hidden;
}
html {
height: 95%;
width: 95%;
}
BODY {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: normal;
color: #FFF;
height: 95%;
width: 95%;
}
.nick {
font-weight: bold;
text-transform: capitalize;
text-shadow: 1px 1px 0 #000;
}
.tag {
display: inline-block;
text-indent: 21px;
background-position: 0 center;
background-repeat: no-repeat;
display: inline-block;
vertical-align: bottom;
height: 18px;
min-width: 18px;
width: expression((document.body.clientWidth < $width) ? '18px;:'auto');
padding: 0;
margin-right: 3px;
margin-bottom: -1px;
text-indent: -9999px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
overflow: hidden;
}

.turbo {
background-color: #6441a5;
background-image: url(http://chat-badges.s3.amazonaws.com/turbo.png);
}

.moderator {
background-color: #009900;
background-image: url(http://chat-badges.s3.amazonaws.com/mod.png);
}

.broadcaster {
background-color: #000000;
background-image: url(http://chat-badges.s3.amazonaws.com/broadcaster.png);
}

.staff {

background-image: url(http://chat-badges.s3.amazonaws.com/staff.png);
}

.admin {

background-image: url(http://chat-badges.s3.amazonaws.com/admin.png);
}
.creator {

background-image: url(http://deepbot.deep.sg/images/obschat/creator.png);
}
.vipbronze {

background-image: url(http://deepbot.deep.sg/images/obschat/vipbronze.png);
}
.vipsilver {

background-image: url(http://deepbot.deep.sg/images/obschat/vipsilver.png);
}
.vipgold {

background-image: url(http://deepbot.deep.sg/images/obschat/vipgold.png);
}
.chat_line {
padding-left: 5px;
padding-right: 5px;
margin-right: -10px;
padding-top: 2px;
padding-bottom: 3px;
line-height: 16px;
word-wrap: break-word;
color: #FFF;
}
.chat_line .message {
  color: #ff0000;
  font-weight: bold;
  font-size: 19px;
  font-family: georgia !important;
}
.chat_line .nick {
  color: #fff !important;
  font-weight: bold !important;
  font-size: 19px !important;
  font-family: georgia !important;
}
#chat_box {

}
#chat_container {
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.6);
padding: 10px;
height: 95%;
width: 95%;
}

[Mitch]

Looks good?

[WaKe_BiGReD]

it looks good but my chat wont show on steam
any clue why its doing that clr broswer right