How change colour to chatbox texts

[diez1010]

well i just installed the Titan for 4.2 but chatbox texts look too weak in white is a a little dark same for staff online, topic, how i can increase the opacity

Edited March 6, 2018 by diez1010
was on spanish text

[titcrunch]

add in custom CSS

div#chatboxWrap {
    color: #ffffff !important;
}

change #ffffff by the color you want

and for link is this code :

div#chatboxWrap a {
    color: #ff0000 !important;
}

div#chatboxWrap a:hover {
    color: #3d75ae !important;
}

 

[diez1010]

Still looking for help 

[killshandra]

i ll guess you need to check the css  for font property

Edited March 6, 2018 by killshandra

[diez1010]

31 minutes ago, killshandra said:

i ll guess you need to check the css  for font property

Oh thanks I'll figure out and try

 

I found it which one is the correcto to change?

#chatboxWrap {
    height: 300px; 
    overflow-y: scroll;
    overflow-x: hidden;
    resize: vertical;
}

#chatcontent {
    width: 100%;
}

#elChatbox { margin-bottom: 0px !important; }

#cbInput_container { position:relative; padding:0; margin:0; }

#chat_button { line-height: 24px !important;}
.cbItems {
    position: absolute; float: right; top: 5px; right: 5px;
}
.cbItems img { margin-right: 5px; }

/* sua loi khong xuong hang cho long text */
.chatboxLink {
    /* For Firefox */
    white-space: pre-wrap;
    word-break: break-all;

    /* For Chrome and IE */
    word-wrap: break-word;
}

.cbTitle {
    height: 40px; color: #fff; line-height: 30px;
}

.cbDisconnect {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    background: #fff;
    opacity: 0.8;
}
.cbDisconnectMSG {
    text-align: center;
}

.bimcb_chatInput {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 2px;
    height: 36px;
    padding: 8px 90px 8px 8px !important;
    border: none !important;
    background: transparent;
}
#cbInput_container input{
    margin: 0px !important;
}

#cbInput_container input:focus {
    border: none !important;
    outline: 0 !important;
}

.bimcb_editform {
    width: 100% !important;
    max-width: 100% !important;
}

.cbEmoList {
    float: left; 
    width: 55px; 
    height: 55px; 
    text-align: center;
}

.cbEmoList img {
    cursor: pointer; cursor: hand;
}

.cbTabSmall { font-size: 12px !important; padding-right: 8px !important; padding-left: 8px !important; }

.ipsWidget.ipsWidget_horizontal[data-blockid^="app_bimchatbox"] {
    padding-top: 5px !important;
}

.manaButtonSmall a { color: #fff; line-height: 30px; }

#loadMore {
    bottom: 0px;
}

Edited March 6, 2018 by diez1010

[titcrunch]

search a little man all you question have already answer this week in support answered question

Edited March 7, 2018 by titcrunch

[diez1010]

3 hours ago, titcrunch said:

search a little man all you question have already answer this week in support answered question

Yes but can't find the correct due her have others code check mine and he's codes so I don't know how  exactly do this 

[titcrunch]

send link of the board

[diez1010]

17 hours ago, titcrunch said:

send link of the board

Done still looking for help 

bumpo

[diez1010]

Tha

3 hours ago, titcrunch said:

add in custom CSS

div#chatboxWrap {
    color: #ffffff !important;
}

change #ffffff by the color you want

and for link is this code :

div#chatboxWrap a {
    color: #ff0000 !important;
}

div#chatboxWrap a:hover {
    color: #3d75ae !important;
}

 

Thanks it now fixed

[killshandra]

The question(s) in this support topic have been answered and the topic author has resolved their issue. This topic is now closed. If you have other questions, please open a new topic.