XF 2.2 Different colours for links

[Hotfix]

Is it possible to have different colours for links in different areas?

I like my links in the node list to be displayed as black.

But in threads and the text editor, black links don't go well with black text.

Is there a way to change the colour of the links only in threads and the text editor?

 

[SyTry]

Hello, with a template conditional :

XF 2.0 - How to change message links in XF2?

I seem to recall seeing a style property (user generated link, or something along those lines) for user submitted links in XF1.x. Has this ability been removed from us in XF2 or am I just overlooking it?

xenforo.com

XF 2.0 - How to underline the links in the post?

I'm using XF 2.0.x and want to underline all the links in the post. How can i do that? Thanks

xenforo.com

XF 2.0 - change in content link color?

Could anyone tell me where at in the xenforo dashboard I could change the in post links color independently from the rest of the text? I just want to change the color to the text with hyperlink inside a post. Xenforo 2 Thank You

xenforo.com

Regards, SyTry

 

[SyTry]

Example if you want :

/* Color Links */
[data-template="thread_view"] {
    a.link--internal {
        color: #ff5722;
        &:before {
            padding-right: 3px;
            .m-faBase();
            .m-faContent(@fa-var-cogs);
        }
    }
    a.link--external {
        color: #e91e63;
        &:before {
            padding-right: 3px;
            .m-faBase();
            .m-faContent(@fa-var-ban);
        }
    }
}
/* -- End -- */

Image :

 

[Hotfix]

Example if you want :

/* Color Links */
[data-template="thread_view"] {
    a.link--internal {
        color: #ff5722;
        &:before {
            padding-right: 3px;
            .m-faBase();
            .m-faContent(@fa-var-cogs);
        }
    }
    a.link--external {
        color: #e91e63;
        &:before {
            padding-right: 3px;
            .m-faBase();
            .m-faContent(@fa-var-ban);
        }
    }
}
/* -- End -- */

Image :
View attachment 247101

Thank you. I will try this as soon as I can and report back if it worked for me.

 

[SyTry]

Thank you. I will try this as soon as I can and report back if it worked for me.

Yes, feel free to ask if not working for you !

 

[Hotfix]

Yes, feel free to ask if not working for you !

Damn, do I feel dumb.

I tried to copy-paste the code you were kind enough to share, and for whatever reason the links didn't change at all.

Mind to check if I've done it correctly?

 

[SyTry]

Damn, do I feel dumb.

I tried to copy-paste the code you were kind enough to share, and for whatever reason the links didn't change at all.

Mind to check if I've done it correctly?

View attachment 247323

You need to paste it in your extra.less template

 

[Hotfix]

You need to paste it in your extra.less template

Still not working. I must be doing something wrong.

 

[SyTry]

Still not working. I must be doing something wrong.

View attachment 247325

 

[Hotfix]

View attachment 247326

Thank you for your patience. I finally got it and I'm so damn happy about it!

 

[Hotfix]

But what the heck is that ugly sign in front of the links and is it removable or permanent?

 

[SyTry]

Thank you for your patience. I finally got it and I'm so damn happy about it!

Np

But what the heck is that ugly sign in front of the links and is it removable or permanent?

Yes :

/* Color Links */
[data-template="thread_view"] {
    a.link--internal {
        color: #ff5722;
    }
    a.link--external {
        color: #e91e63;
    }
}
/* -- End -- */

 

[Hotfix]

Np

Yes :

/* Color Links */
[data-template="thread_view"] {
    a.link--internal {
        color: #ff5722;
    }
    a.link--external {
        color: #e91e63;
    }
}
/* -- End -- */

Amazing. May your day be blessed!