• 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

Make post sharing more obvious

zagorskey

Active member
#5
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
#6
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
#11
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
#16
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
#17
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.