Can't get rid of underlines under links in prosilver

[Bruce Banner]

Something must have changed between 3.3.11 and 12 because all I used to have to do was replace the word underline with none in theme/links.css and add the following code at the bottom

Code: Select all

a, a:hover, a:active, a:visited, a:focus {
text-decoration:none;
}

But last night when I posted a link, it had an underline, so I checked links.css to make sure I'd definitely made the usual changes and I had. Then I checked prosilver French edition, which inherits from prosilver, and the link didn't have an underline. So then I used Atom to replace every instance everywhere in the forum folder of

Code: Select all

text-decoration: underline

with

Code: Select all

text-decoration: none

and

Code: Select all

text-decoration:underline

with

Code: Select all

text-decoration:none

Still didn't work. Still getting underlines under links in prosilver. Why? What should I do?

[ssl]

Have you clear cache?
Do you use a personal style?

[Bruce Banner]

Have you clear cache?
Do you use a personal style?

The cache makes no difference and I don't use a personal style.

[Mannix_]

Just to make sure you cleared your browser cache not the one in ACP??

[Bruce Banner]

Just to make sure you cleared your browser cache not the one in ACP??

Yep, both caches.

[Mannix_]

Care to share a link so we can see what is going on ??

[Bruce Banner]

Care to share a link so we can see what is going on ??

I'll PM you a link.

[Mannix_]

I can report that the underline is gone so it must be a caching issue on your end. Try viewing your board with different browser or in incognito mode see if the issue still exists??

EDIT: The link in the post is border not a text-decoration adding

Code: Select all

.postlink {
    border: none;
}

should fix that

[Bruce Banner]

adding

Code: Select all

.postlink {
    border: none;
}

should fix that

OK, where should I add that? In links.css?

I've tried three different browsers, two of them in incognito mode (the third doesn't have an incognito mode), and all I keep seeing is this

Capture.PNG

EDIT: I tried changing the following code in links.css from

Code: Select all

.postlink {
	text-decoration: none;
	border-bottom: 1px solid transparent;
	padding-bottom: 0;
}

.postlink:hover {
	text-decoration: none;
}

to

Code: Select all

.postlink {
	text-decoration: none;
	border: none;
	border-bottom: 1px solid transparent;
	padding-bottom: 0;
}

.postlink:hover {
	text-decoration: none;
	border: none;
}

Now, when I hover over the link, the underline disappears, but when I stop hovering, it reappears.

EDIT: I got rid of the line

Code: Select all

border-bottom: 1px solid transparent;

And that's gotten rid of the underline completely but I never used to have to do that with 3.3.11 so I don't understand what's changed.

EDIT: Wait a second, I'm remembering something now. Maybe I actually did have to change that postlink code and then forgot. Damn it, yeah. Sorry, guys, I remember now having to change that postlink code before. Totally forgot about it. Oh well, problem solved now. Thanks.

[ssl]

Sorry, guys, I remember now having to change that postlink code before. Totally forgot about it. Oh well, problem solved now. Thanks.

In such a case, using a child style, this type of error would not occur during updates.

[Bruce Banner]

In such a case, using a child style, this type of error would not occur during updates.

Sorry, having difficulty understanding you. I don't know what you mean by a "child" style.

[Bruce Banner]

I REMEMBER NOW!! It was colours.css!!

I should have changed this

Code: Select all

.postlink {
	border-bottom-color: #368AD2;
	color: #368AD2;
}

.postlink:visited {
	border-bottom-color: #5D8FBD;
	color: #5D8FBD;
}

to

Code: Select all

.postlink {
	color: #368AD2;
}

.postlink:visited {
	color: #5D8FBD;
}

I'd totally forgotten about the colours file!!

[bennybernaer]

It might be an idea to place custom css in a custom.css file. This way you can't forget it anymore.

[Bruce Banner]

It might be an idea to place custom css in a custom.css file. This way you can't forget it anymore.

Good idea.