Make post sharing more obvious

Make post sharing more obvious

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
}
 

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.
 

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 ....
 

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 !
 

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.
 

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.
 
Top