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
May 18, 2015
1,195
774
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

Well-Known Member
Dec 27, 2017
73
7
@BassMan How can Prevent icon from showing inside images? Turn off icon in conversations and in signatures?

ScreenShot00501.png
 

Attachments

    You don't have permission to view attachments. Attachments are hidden.

BassMan

Staff member
Administrator
May 18, 2015
1,195
774
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

Well-Known Member
Dec 27, 2017
73
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.

Welcome to customizeXF

We are running default XenForo style customized by cXF
Registration is free!

Search forums

Sticky sidebar

You'd like to have sticky sidebar on your forum? Click below.

Top