Removing hyperlink underline

bryan23 · Post by **bryan23** » Tue Jan 23, 2018 7:57 am

Hi, how can I remove the underline of all hyperlinks on my board? where is the css file code located?

david63 · Post by **david63** » Tue Jan 23, 2018 8:20 am

It will depend on which style you are using but I would start with common.css.

You could always use the inspector in your browser to find the exact location.

Post by **Mick** » Tue Jan 23, 2018 9:15 am

Investigate your browser(s) as well, they sometimes underline hyperlinks.

bryan23 · Post by **bryan23** » Thu Jan 25, 2018 8:37 am

Hi, i investigated the common.css but could not find anything related to hyperlink "underline"

I am using the prosilver theme.

Anyway I found a thread viewtopic.php?f=74&t=572106 but this is some time ago and it's for version 3.0.

Did i post in the wrong section? can any moderator move it to style section please?

thank you mick and david for your reply!

Post by **Hanakin** » Thu Jan 25, 2018 11:34 am

you wish to remove all hover underlines? or are you referring to the few cases that we underline by default like in posts?

paulie · Post by **paulie** » Thu Jan 25, 2018 12:28 pm

I have no underlines whatsoever on my board.

As David mentioned above, open phpBB > Styles > Prosilver > Theme > common.css and wherever you see a:

text-decoration: underline;

Simply change it to:

text-decoration: none;

Save the changes, upload the changed file and clear the cache.

For removing underlines in external links:

Open phpBB > Styles > Prosilver > Theme > links.css and do the same.

Mannix_ · Post by **Mannix_** » Thu Jan 25, 2018 3:17 pm

Just add this to the common.css

Code: Select all

* {
  text-decoration: none !important;
}

and poof all underlines are gone

Post by **Hanakin** » Thu Jan 25, 2018 9:58 pm

Mannix_ wrote: ↑Thu Jan 25, 2018 3:17 pm Just add this to the common.css
Code: Select all
* {
  text-decoration: none !important;
}
and poof all underlines are gone

do not do this! this will drastically slow down your site

Lumpy Burgertushie · Post by **Lumpy Burgertushie** » Fri Jan 26, 2018 3:37 am

I use that same thing to remove all rounded corners in a style. I have seen no evidence of it slowing down any of the boards I have used it on.
can you explain why it would slow down a style please.

robert

bryan23 · Post by **bryan23** » Fri Jan 26, 2018 7:37 am

Hanakin wrote: ↑Thu Jan 25, 2018 11:34 am you wish to remove all hover underlines? or are you referring to the few cases that we underline by default like in posts?

Actually, I only wish to remove the underline in hyperlinks.
It is like if i input a hyperlink into an image, the image will shows the underline which i don't want it. i am looking into links.css now.

Post by **Hanakin** » Fri Jan 26, 2018 11:50 am

ok you make no sense and misunderstood what I am saying possibly...

So you do not want underlines on any links even in posts? if so then you need to do what paulie suggested for every css file if you can grep or your editor can find and replace all for the entire folder then do that text-decoration: underline; with text-decoration: none; i think base/common/links should be the only files though

bryan23 · Post by **bryan23** » Mon Jan 29, 2018 4:50 pm

Hanakin wrote: ↑Fri Jan 26, 2018 11:50 am ok you make no sense and misunderstood what I am saying possibly...

So you do not want underlines on any links even in posts? if so then you need to do what paulie suggested for every css file if you can grep or your editor can find and replace all for the entire folder then do that text-decoration: underline; with text-decoration: none; i think base/common/links should be the only files though

hi, what i meant was the image with hyperlink will automatically create an underline. (see attached)

is it possible to only remove the "underline" for images only?

Post by **Hanakin** » Tue Jan 30, 2018 12:05 am

how are you posting those? can you link to this on an active board? this sounds like a bug acctually

bryan23 · Post by **bryan23** » Thu Feb 15, 2018 6:55 am

https://xervicemart.com/app.php/The-Lau ... d3e32712d1

I believe it is the "hyperlink" that will create an underline in both text/pics.

Mannix_ · Post by **Mannix_** » Thu Feb 15, 2018 7:31 am

the email one doesn't have postlink class assigned to it while the other 2 does and this is the cause of the underline but Idk why that is happening since postlink class has text-decoration set to none. If you remove class="postlink" from those two the underline will disappear