Chat by Siropu [Paid] 1.25.1

[Tim Jay]

Ahh I see what you mean, but you can change it by http://prntscr.com/b64w2b changing the colour of the text within style properties

You could even use html styling <p style="color:#80BFFF">test</p>

You're right and that would work for the most part, however my notices require more than one color most of the time.

edit: Wait, actually that should work perfect, I will see if I can use that instead

 

[Unique Username]

You're right and that would work for the most part, however my notices require more than one color most of the time.

edit: Wait, actually that should work perfect, I will see if I can use that instead

Then you could do it like <span style="color:#80BFFF">Hi</span> <span style="color:#80B4FFF">my</span> <span style="color:#8dfBFFF">name</span> <span style="color:#80fdsfFFF">is bob</span>

 

[Lemminator]

have some bug

when i post a message , in the embed chat (xenporta2) my post is on the bottom (its not correct)

when i i go to the chat-side my message is on the top (its correct )

 

[Siropu]

"Settings" and "Options" text disappear when hovered.
How can I change the color of "Sound" and "Miscellaneous" under settings?

Try this:

#siropuChatHeader .Popup > a:hover {color: #fff;}
#siropuChatSettings legend {color: #fff}

Change #fff with the color code or color palette code you want.

@Malcolm Melbourne, To center the mini-avatars in the message apply the changes to this instead:

.siropuChatMessage .avatar img {}

As for the words issues, use this:

.siropuChatContentLeft {word-break: initial !important;}

 

[Siropu]

@Lemminator, if you upgraded to 1.24.0, enable the "Change settings" user group permission. That will add a new menu in the chat header where you can change the settings.

 

[Unique Username]

Try this:

#siropuChatHeader .Popup > a:hover {color: #fff;}
#siropuChatSettings legend {color: #fff}

Change #fff with the color code or color palette code you want.

@Malcolm Melbourne, To center the mini-avatars in the message apply the changes to this instead:

.siropuChatMessage .avatar img {}

As for the words issues, use this:

.siropuChatContentLeft {word-break: initial !important;}

Hello thanks,

#siropuChat .avatar img, #siropuChatUsersWidget .avatar img {
width: 16px;
height: 16px;
position: relative;
top: -3px;
}

.siropuChatMessage .avatar img {
width: 16px;
height: 16px;
position: relative;
top: 5px;
}

something like this?

 

[Siropu]

Yes. If the mini avatar has the default .avatar class, it should work.

 

[Unique Username]

Hello @Siropu I was unable to get it to work, http://prntscr.com/b67g4f

 

[Siropu]

Try changing top: -3px; to 5px on the first code.

 

[Unique Username]

Try changing top: -3px; to 5px on the first code.

That straighten out the ones that I needed but now the ones within message are messed http://prntscr.com/b67nvc

 

[Siropu]

Add -3px to the second code.

 

[Unique Username]

Add -3px to the second code.

Still nothing

 

[Siropu]

Try adding !important after -3px like so: -3px !important;

 

[Lemminator]

@Lemminator, if you upgraded to 1.24.0, enable the "Change settings" user group permission. That will add a new menu in the chat header where you can change the settings.

works!

 

[Unique Username]

Try adding !important after -3px like so: -3px !important;

Fixed!

 

[RAHSTYLES]

"All Pages" mode adds a chat bar at the bottom of the page. I believe arrowchat does the same.
On the demo site, if you register, you can test all the features. You can also change display mode via chat settings.

sweet.. is it possible to rearrange that to have a option to stick on the top?... Does this chat support mobile devices aswell?

 

[Siropu]

You can do it via chat style property.

Does this chat support mobile devices aswell?

You can test it yourself on the demo site to see it in action.

 

[Lemminator]

I apologise in advanced if this has already been mentioned but after looking over a couple of pages I decided to just post, I noticed at first my mini-avatar was centered to the text but I fixed it and recommend that the developer please take a look at this

The other thing is http://prntscr.com/b64pw6 the text is cutting off and pushing the letters onto the next line. I tried fixing this by adding
word-wrap: normal; to the css but had no luck.


I solved the issue where the mini avatar was not centered with the text. I did this by changing the top: 5px to top:-3px
Before

#siropuChat .avatar img, #siropuChatUsersWidget .avatar img {
    width: 16px;
    height: 16px;
    position: relative;
    top: 5px;
}

After

#siropuChat .avatar img, #siropuChatUsersWidget .avatar img {
    width: 16px;
    height: 16px;
    position: relative;
    top: -3px;
}

But doesn't look like it worked for all of them. http://prntscr.com/b64sld It seems like when i change the top: 5px to -3px it messes up the other avatars

when i will do the same , i try this code in the extra.css file ?

 

[Siropu]

If you want to center the mini-avatars in messages, just add this:

.siropuChatMessage .avatar img {top: -3px !important;}

 

[Lemminator]

hi @Siropu

is this a bug?