XF 2.0 How to underline the links in the post?

Fastline

Active member
Licensed customer
I'm using XF 2.0.x and want to underline all the links in the post. How can i do that?
Thanks
 
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;
}
 
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?
 
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.
 
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; }
 
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.
 
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;
}
 
Back
Top Bottom