Need to specifically style @mentions [2.2.4]

Zhaan

Hello, sweethearts!

I need to specifically style @mention links in order to make them stand out a bit more, but since they appear to be treated as regular links, I can't target them through CSS..

The solution seems simple - give them a CSS class of their own and then style it, but where exactly can I do this? I can't seem to find the correct file/template.

As always, any input will be appreciated!

R_J

Take a look at Mentions+ plugin
It will show you how you can use a plugin to manipulate the way mention is working.

But you could also write a javascript that adds a css class to every $('div.Message a[href^="/profile"]')

R_J

Forget about plugins or javascript, it should work directly in your css file with that snippet above:

div.Message a[href^="/profile/"] {color:yellow]

http://css-tricks.com/attribute-selectors/

Zhaan

Thank you @R_J, that worked like a charm!

I had no idea you could do stuff like this in CSS.

peregrine

@Zhaan said:
Thank you R_J, that worked like a charm!

I had no idea you could do stuff like this in CSS.

you could rule the world with css, once mastered.