Make post sharing more obvious

Make post sharing more obvious

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
}
 
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.
 
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 ....
 
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 !
 
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.
 
I suspect the selectors may be different.

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