Chat box help


#1

How to i remove this chat box? So I only have this

So I have like this


#2

Should be 100% in the html css file, look for the background there it should have a #00000 Hex color code you can remove that entire line with that code.
If you have done that and you are trying to make it so your input field is at the top then simply just edit the position of it in the CSS


#3

Is it in here?

.color-0{color: #ffffff;}
.color-1{color: #ff4444;}
.color-2{color: #99cc00;}
.color-3{color: #ffbb33;}
.color-4{color: #0099cc;}
.color-5{color: #33b5e5;}
.color-6{color: #aa66cc;}
.color-8{color: #cc0000;}
.color-9{color: #cc0068;}

  • {
    font-family: ‘Lato’, sans-serif;
    margin: 0;
    padding: 0;
    }

.no-grow {
flex-grow: 0;
}

em {
font-style: normal;
}

#app {
font-family: ‘Lato’, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: white;
}

.chat-window {
position: absolute;
top: 15px;
left: 15px;
width: 38%;
height: 240px;

background-color: rgba(52, 73, 94, 0.0);
-webkit-animation-duration: 2s;
}

.chat-messages {
position: relative;
height: 95%;
font-size: 1.2rem;
margin: 10px;

overflow-x: hidden;
overflow-y: hidden;
}

.chat-input {
font-size: 1.2rem;
position: absolute;

top: 257px;
left: 15px;
width: 38%;

box-sizing: border-box;
}

.prefix {
position: absolute;
margin-top: 2px;
left: 4px;
}

textarea {
font-size: 1.1rem;
display: block;
box-sizing: border-box;
padding: 5px;
padding-left: 27px;
color: white;
background-color: rgba(52, 73, 94, 0.7);
width: 100%;
border-width: 0;
height: 34px;
overflow: hidden;
}

textarea:focus, input:focus {
outline: none;
}

.msg {
margin-bottom: 3px;
}

.multiline {
margin-left: 1.5rem;
text-indent: -1.5rem;
white-space: pre-line;
}

.suggestions {
list-style-type: none;
padding: 5px;
padding-left: 27px;
font-size: 1.1rem;
box-sizing: border-box;
color: white;
background-color: rgba(44, 62, 80, 0.0);
width: 100%;
}

.help {
color: #b0bbbd;
}

.disabled {
color: #b0bbbd;
}

.suggestion {
margin-bottom: 5px;
}


#4

There is a config file that comes with the default chat resource. In there, there is an opacity or transparency setting. Reduce that to 0.0 and you will have your desired chat box


#5

And where is that? resources/[system]/chat


#6

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.