Question / Help Help with OBS Chat

[Smoshi]

The one from here;
http://www.nightdev.com/obschat/

All I want to know. Is how do I add border radius.

border: 2px solid;
This adds white around every border, including chat messages. I only want to change the chat box radius, not message radius.

I know this probably isn't the right forum to ask but the Nightdev people have pissed me off with their smart ass remarks.

If you have ever taken a look at Lirik's chat.. you'll know what I want. Just a smooth, rounded border.

 

[Sapiens]

http://nightdev.com/support/

 

[Smoshi]

I'm not dealing with them again.

 

[Sapiens]

Have you looked into the CSS docs for borders? http://www.w3schools.com/css/css_border.asp

Other than that I'm not sure how much luck you'll have as this isn't really OBS related, or Nightdev related for that matter. It's just a CSS question.

 

[Smoshi]

Yes, I was able to add borders but it just adds a border instead of editing the existing border;

body {
background-color: black;

}
::-webkit-scrollbar {
visibility: hidden;
}
body {
color: transparent;
margin: 0px auto;
}
.chat_line {
font-size: 18px;
line-height: 18px;
border: 0px !important;
opacity: 0.80 !important;
}
.chat_line .nick {
font-weight: bold;
text-transform: capitalize;
color: #000;
}
.chat_line .message {
color: #fff;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#chat_box {
-webkit-mask-image: -webkit-gradient(linear, left 40%, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
border-radius: 10px !important;
border: 1px solid #FFFFFF !important;
}

 

[Jack0r]

I would just use a simple png for that :)

 

[Smoshi]

What do you mean a simple png?

 

[Sapiens]

Make a PNG image with the border you want and place it behind your CLR Browser source for OBS Chat.