The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Colon color.

View previous topic View next topic Go down

Solved Colon color.

Post by Ace 1 on September 8th 2015, 7:34 pm

How can I change the color of the colon after the chatbox user's message?


Ace 1
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Solved Re: Colon color.

Post by Ace 1 on September 9th 2015, 8:12 pm

Bump.

Ace 1
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Solved Re: Colon color.

Post by Ange Tuteur on September 10th 2015, 12:24 am

Hi @Ace 1,

Sorry for the delay.

Use this for message names of all users :
Code:
#chatbox .user { color:#FFF !important }

or all users in a group :
Code:
#chatbox .user[style] { color:#FFF !important }

and finally, for specific groups just add the color.
Code:
#chatbox .user[style="color:#A200FF"] { color:#FFF !important }

In terms of user id there's no way to identify since the only uniqueness is that of the style attribute.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Colon color.

Post by Ace 1 on September 11th 2015, 2:10 pm

Well, currently in the screenshot, my name is going through a very long animation of different colors. And I'm the only one who is undergoing it. If I said that right mwii

But I just want the colon to go through the same animation.

Code:
span[data-user="17"] { animation: rainbow 0.5s infinite !important}

That only makes my name go through it.

Ace 1
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Solved Re: Colon color.

Post by Ange Tuteur on September 11th 2015, 2:29 pm

As I mentioned there's no unique selector in regards to the colon. The only solution I can think of would be to create a new colon that displays over the old one. Try using the following CSS :
Code:
span[data-user="1"]:after {
  content:":";
  position:absolute;
  margin-left:4px;
  animation: rainbow 0.5s infinite !important;
}

Replace the "1" by your user id. I already added your animation.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Colon color.

Post by Ace 1 on September 11th 2015, 2:47 pm

This did work, but it added a colon after the user id in the chatbox members list as well Sad


Actually, I fooled around with the css and got this code to override it Smile

Code:
span.chatbox-username.chatbox-user-username:after {display: none}

Ace 1
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Solved Re: Colon color.

Post by Ange Tuteur on September 11th 2015, 3:17 pm

Oh yeah, didn't think about that. Probably should've made the selector this instead :
Code:
#chatbox span[data-user="1"]:after

so it online affects the chatbox messages.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Colon color.

Post by Ace 1 on September 11th 2015, 10:13 pm

This works too lol. And it's more compressed Smile

Solved.

Ace 1
Helper
Helper

Male Posts : 767
Reputation : 51
Language : English - French?
Location : Druid Hill Park

http://help.forumotion.com

Back to top Go down

Solved Re: Colon color.

Post by Guest on September 11th 2015, 10:26 pm

==> Topic solved and archived.

Guest
Guest


Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum