Personalizar Chat Invision

• Descrição:

Minha dúvida.
Estou editando meu chat e gostaria de saber como tiro essas barras de scrol do lado direito e que está embaixo.
Pois quanto mais mensagem tem o chat cria a barra original do chat e fica essa outra ai pertubando e a debaixo é inutil.
E outra como coloco para as mensagem que estao ali tipo mensagem 1, mensagem 2, mensagem 3 ficarem com fundo diferente, uma transparente a outra branca quase transparente?
E para por bordas arredondas no chat tambem?

https://i.imgur.com/OF2Wmat.jpg

• Informações:

Código:

body.chatbox {
  overflow: hidden;
}

Código:

#chatboxpop {
  border-radius: 10px !important;
}

Código:

p.chatbox_row_1 {
  background: #f00 !important;
}

p.chatbox_row_2 {
  background: #0f0 !important;
}

Código:

#chatbox > p {
  word-wrap: break-word;
}

Código:

#chatbox {
  background: url(http://cdn.css-tricks.com/wp-content/themes/CSS-Tricks-11/images/forest-small.png) !important;
}

Código:

p.chatbox_row_1 {
  background: rgba(255, 255, 255, 0.5) !important;
}

p.chatbox_row_2 {
  background: rgba(255, 255, 255, 0.8) !important;
}

Kyo Panda escreveu:Para a quebra de palavras grandes, adicione isso ao CSS:

Código:

#chatbox > p {
  word-wrap: break-word;
}

Código:

#chatbox {
  overflow-x: hidden;
}

Código:


#chatbox {
  overflow-x: hidden;
  word-wrap: break-word;
}


Código:

#chatbox .user-msg {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

Código:


#chatbox {
  overflow-x: hidden;
  word-wrap: break-word;
}


Código:


#chatbox .user-msg {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}