Style the edit/IP/report links

[TPerry]

Anyone know the CSS types for the Edit, IP, Report, etc links below a post in a node?
Chrome Developer refers (for the edit) to this:

class="item control edit OverlayTrigger"

Thanks.

 

[speedway]

Take a look here: http://xenforo.com/community/threads/how-to-style-some-message-elements.24584/ had it bookmarked

 

[TPerry]

Take a look here: http://xenforo.com/community/threads/how-to-style-some-message-elements.24584/ had it bookmarked

Yep...found the area from there... but now am trying to replace the links with images alone. So far I haven't figured out hot to get that to work without the hyperlinks showing.

 

[Paul B]

Phrases support HTML.
So just replace the phrase text with the image code:

<img src="path/to/image.png">

Here's the Report link using a small avatar image:

 

[erich37]

so if I use an image via the phrases, how would I control the border around the image and the text-color ?
Also how to implement the mouse-over effect ?

Anyone got this working for all those links to include an image and also use some CSS ?


Many thanks!

 

[Paul B]

Add a class to the image code and style it via EXTRA.css.

img class="my-class"...