XF 2.0 Add icon before a link on a Thread

Currently reading:
XF 2.0 Add icon before a link on a Thread

BassMan

Staff member
Administrator
Joined
May 18, 2015
Messages
1,044
Reaction score
645
Website
www.customizexf.com
Add this to your extra.less template:

CSS:
.link--external:before {
    font-family: FontAwesome;
    content: "\f14c";
    padding-right: 3px;
}
.link--internal:before {
    font-family: FontAwesome;
    content: "\f0c1";
    padding-right: 3px;
}
 

Nirjonadda

cXF Pack B
Joined
Dec 27, 2017
Messages
70
Reaction score
7
@BassMan How can Prevent icon from showing inside images? Turn off icon in conversations and in signatures?

ScreenShot00501.png
 

BassMan

Staff member
Administrator
Joined
May 18, 2015
Messages
1,044
Reaction score
645
Website
www.customizexf.com
Use this code:

CSS:
[data-template="thread_view"] .link--external:before {
    font-family: FontAwesome;
    content: "\f14c";
    padding-right: 3px;
}
[data-template="thread_view"] .link--internal:before {
    font-family: FontAwesome;
    content: "\f0c1";
    padding-right: 3px;
}
 

Nirjonadda

cXF Pack B
Joined
Dec 27, 2017
Messages
70
Reaction score
7
Linked BBCode:

Code:
[url=https://imgur.com/CxC7Xjy][img]https://i.imgur.com/CxC7Xjy.jpg[/img][/url]
 

Create an account or login to comment

You must be a member in order to leave a comment

Create account

Create an account on our community. It's easy!

Log in

Already have an account? Log in here.

Top