XF 2.0 How to underline the links in the post?

Jordyn

Well-known member
maybe this?
Extra.less
Code:
a.link--internal
{
    text-decoration: underline;
}
a.link--external
{
    text-decoration: underline;
}

You can use this for hover over color, just change to your color.
Code:
a.link--internal:hover
{
    color: #CCC !important;
    text-decoration: underline;
}
a.link--external:hover
{
    color: #CCC !important;
    text-decoration: underline;
}
 

Fastline

Active member
maybe this?
Extra.less
Code:
a.link--internal
{
    text-decoration: underline;
}
a.link--external
{
    text-decoration: underline;
}

You can use this for hover over color, just change to your color.
Code:
a.link--internal:hover
{
    color: #CCC !important;
    text-decoration: underline;
}
a.link--external:hover
{
    color: #CCC !important;
    text-decoration: underline;
}
Yeah, exactly this one. But i made it to work few days ago. Thanks for your reply!
Now i'm looking to change the color of visited links in the posts only. Any idea?
 

Jordyn

Well-known member
Yeah, exactly this one. But i made it to work few days ago. Thanks for your reply!
Now i'm looking to change the color of visited links in the posts only. Any idea?
No worries, is visited links to do with the browser? Im using FF and don't have visited link color.
 

Jordyn

Well-known member
I can't seem to be able to test this code due to none of my browsers do this.
If this don't work, i hope someone else can help mate.
extra.css mess around with this.
Code:
a.link--internal:link, a.link--internal:visited { color: #000 !important; }
a.link--internal:hover, a.link--internal:focus  { color: #fff !important; }
a.link--internal:active { color: #000 !important; }
a.link--external:link, a.link--external:visited { color: #000 !important; }
a.link--external:hover, a.link--external:focus  { color: #fff !important; }
a.link--external:active { color: #000 !important; }
 

Fastline

Active member
I can't seem to be able to test this code due to none of my browsers do this.
If this don't work, i hope someone else can help mate.
extra.css mess around with this.
Code:
a.link--internal:link, a.link--internal:visited { color: #000 !important; }
a.link--internal:hover, a.link--internal:focus  { color: #fff !important; }
a.link--internal:active { color: #000 !important; }
a.link--external:link, a.link--external:visited { color: #000 !important; }
a.link--external:hover, a.link--external:focus  { color: #fff !important; }
a.link--external:active { color: #000 !important; }
Sorry for the late reply due to the busy schedule. Will be testing it today and then revert.
 

Jordyn

Well-known member
Is this code still valid?
I just tested on XF2.2 and works good mate.

Code:
a.link--internal
{
    color: #000 !important;
    text-decoration: underline;
}
a.link--external
{
    color: #000 !important;
    text-decoration: underline;
}

a.link--internal:hover
{
    color: #fff !important;
    text-decoration: underline;
}
a.link--external:hover
{
    color: #fff !important;
    text-decoration: underline;
}
 
Top