XF 2.2 How to Change External Link Hover Color?

[Alfuzzy]

Via another thread here on Xenforo...to change only the color of an external link (within a thread post)...this is the code to be added to the extra.less template:

.link--external {color: #ff0000;}

This works great...but then realized when hovering over the link...link hover color is still the original color. What code needs to be added to the extra.less template to also change the hover color of external links (within a post)?

Thanks

 

[Old Nick]

Add this line too .link--external:hover {color: #ff0000;}

 

[Alfuzzy]

Very cool...thanks very very much "Old Nick"...that worked great!

I'm not a CSS expert...I was trying to add the word "Hover" to the code in various places...but without success (and I was missing the colon symbol). Lol

Thanks

 

[Mr Lucky]

While you're at it this is a cool one for external links:

.link--external:after {.m-faContent(@fa-var-solid-external-link, 0.7em);
margin-left:2px}

Shows

 

[Alfuzzy]

Thanks Mr Lucky. Going to try that now!

 

[Alfuzzy]

Just realized when adding the code below to the extra.less template:

.link--external {color: #ff0000;}

It does change the color of external links within a post...but it also changes the color of external links in a members signature.

Is there a way to Only change the external link color within a post...without changing the link color of external links in a members signature?

Thanks

 

[Old Nick]

Try this

.message-body {
    .link--external {color: #ff0000;}
}

OR

.message-body, .link--external {
    color: #ff0000;
}

 

[Alfuzzy]

Thanks again Old Nick. I did see that code mentioned in a couple other XF threads...but wasn't 100% sure it applied in my case.

Thanks

Update: Tried both options...option #1 did the trick.

• Option #1 changes the color of external links in a post only...(does not effect regular post text or signature external links text).
• Option #2 changes all the text in a post to a different color (regular text, external links in the post, and member signature external links).

Thanks much!

 

[Old Nick]

Option #2 changes all the text in a post to a different color (regular text, external links in the post, and member signature external links).

Because of the comma .message-body, .link--external, it's a typo, without it should work as you intend.

 

[Alfuzzy]

Because of the comma .message-body, .link--external, it's a typo, without it should work as you intend.

Good deal...I'll give it a go. Thanks