1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Style the edit/IP/report links

Discussion in 'Styling and Customization Questions' started by Tracy Perry, May 24, 2013.

  1. Tracy Perry

    Tracy Perry Well-Known Member

    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:
    Code:
    class="item control edit OverlayTrigger"
    Thanks.
     
  2. speedway

    speedway Well-Known Member

  3. Tracy Perry

    Tracy Perry Well-Known Member

  4. Brogan

    Brogan XenForo Moderator Staff Member

    Phrases support HTML.
    So just replace the phrase text with the image code:
    Code:
    <img src="path/to/image.png">
    Here's the Report link using a small avatar image:
    report.PNG
     
    Tracy Perry likes this.
  5. erich37

    erich37 Well-Known Member

    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!


    :)
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

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

    img class="my-class"...
     
    erich37 likes this.

Share This Page