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

XF 1.4 Add icon before a link on a Thread

Discussion in 'Styling and Customization Questions' started by New Joe, Oct 14, 2014.

  1. New Joe

    New Joe Active Member

    When I used vB I used this below code which would add a nice icon before a url link in a Thread

    Code:
    .message .messageContent .messageText a {
        /*background: url("/images/url.gif") no-repeat scroll left center transparent !important;*/
        /*padding-left: 15px; */
    }
    
    I would add that in the EXTRA template
    However for some reason it doesn't work on Xenforo

    On my test site I got it working some how but I can't remember how I did it now
    Any ideas?
     
    Last edited: Oct 14, 2014
  2. TJA

    TJA Well-Known Member

    Try these

    Code:
    .messageContent .externalLink:before {
    content: url ("/images/url.gif") !important;
    padding-right: 2px !important;
    }
    
    .messageContent .internalLink:before {
    content: url ("/images/url.gif") !important;
    padding-right: 2px !important;
    }
     
    New Joe likes this.
  3. New Joe

    New Joe Active Member

    Thanks, but no, it still doesn't show...
    I don't get why it doesn't
     
  4. New Joe

    New Joe Active Member

    Still not able to get it to work...
    All i want is a small image showing before an external URL link within a post...
     
  5. Snog

    Snog Well-Known Member

    Code:
    .externalLink::before {
      content: "";
      display: inline-block;
      background: url("images/url.gif") no-repeat left;
      width: 16px;
      height: 16px;
    }
    
     
    rafass and New Joe like this.
  6. New Joe

    New Joe Active Member

    Many thanks Snog, that worked excellent.
     
    Snog likes this.

Share This Page