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

Make post sharing more obvious

Add this

  1. Brogan

    Brogan XenForo Moderator Staff Member

    IPF, erich37 and FredC like this.
  2. RoldanLT

    RoldanLT Well-Known Member

    Using FontAwesome ;)
    Code:
    .message .publicControls .item.postNumber:before {
        content: "\f0fe";
        font-family: FontAwesome;
        margin-right: 3px;
        color: #FE6D4C;
    }
     
    The Forum Heroes, FredC and Coop1979 like this.
  3. Brogan

    Brogan XenForo Moderator Staff Member

    I don't use FA.

    Not everyone does, believe it or not ;)
     
    maszd, Luke F and borbole like this.
  4. erich37

    erich37 Well-Known Member

    great Addon (y)
     
    Last edited: Jul 10, 2014
  5. zagorskey

    zagorskey Active Member

    Using CSS only:

    Code:
    .message .publicControls .item.postNumber:before{
    content:'+';
    float:left;
    margin:2px 3px 0 0;
    padding:1px;
    color:#fff;
    font:700 14px/8px Arial;
    background:#fe6d4c;
    border-radius:2px
    }
     
  6. JamesBrown

    JamesBrown Well-Known Member

    That looks great Brogan. However I don't have the Share This option showing like you do at your site. Is this turned on in xF or is it an addon? Thanks.
     
  7. Steve F

    Steve F Well-Known Member

    It is default in XenForo, and should on by default.
     
  8. RoldanLT

    RoldanLT Well-Known Member

    • /admin.php?options/list/stats
    • AddThis
     
  9. JamesBrown

    JamesBrown Well-Known Member

    Sorry that's a bit too cryptic for me. explain as if you were talking to a young child, I might get it then :confused: Thanks,
     
  10. Brogan

    Brogan XenForo Moderator Staff Member

    ACP -> Options -> Statistics and Metrics

    upload_2014-7-11_10-8-31.png
     
    IPF and JamesBrown like this.
  11. karll

    karll Well-Known Member

    The FontAwesome solution doesn't look good with a dark background / style. Is there a way to fix it? I tried adding "background: #FFFFFF;" but there are some gaps above and below the character that become white as well ....
     
  12. Brogan

    Brogan XenForo Moderator Staff Member

    I don't use FA so I can't help.

    You can always use one of the other solutions.
     
    karll likes this.
  13. karll

    karll Well-Known Member

    OK, straight CSS is perfect. Thank you :)
     
    zagorskey likes this.
  14. IPF

    IPF Active Member

    Works like a charm. I used my own button.
     
  15. The Forum Heroes

    The Forum Heroes Well-Known Member

    Two thumbs up!
     
  16. Rudy

    Rudy Well-Known Member

    I am going to make use of the CSS version.

    In one of my forums, I made a template edit which essentially just duplicates the "#15" link but uses the word "Share". The icon in this resource is much cleaner though.

    Thanks for the resource @Brogan !
     
  17. Mouth

    Mouth Well-Known Member

    I've added the CSS Only option to my Extra.CSS, but am not seeing the addition.
    Would appreciate if someone could take a look and let me know why? I've spent around 20mins and not been able to determine why not.
     
  18. Brogan

    Brogan XenForo Moderator Staff Member

    Are you using a third party style?
     
  19. Mouth

    Mouth Well-Known Member

    Yes, UI.X (with some customisation)
     
  20. Brogan

    Brogan XenForo Moderator Staff Member

    I suspect the selectors may be different.

    I'm on my tablet so I can't inspect the code on your site.
     

Share This Page