Removing hyperlink underline

For support and discussion related to templates, themes, and imagesets in phpBB 3.2.
bryan23
Registered User
Posts: 92
Joined: Thu Dec 28, 2017 2:16 pm

Removing hyperlink underline

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?

User avatar
david63
Jr. Extension Validator
Posts: 14644
Joined: Thu Dec 19, 2002 8:08 am
Location: Lancashire, UK
Name: David Wood
Contact:

Re: Removing hyperlink underline

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.
David
Remember: You only know what you know and - you don't know what you don't know!
My CDB Contributions | How to install an extension
I will not be accepting translations for any of my extensions in Github - please post any translations in the appropriate topic.
No support requests via PM or email as they will be ignored

User avatar
Mick
Support Team Member
Support Team Member
Posts: 19969
Joined: Fri Aug 29, 2008 9:49 am
Location: Cardiff

Re: Removing hyperlink underline

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

Investigate your browser(s) as well, they sometimes underline hyperlinks.
"The more connected we get the more alone we become" - Kyle Broflovski

There are no ‘threads’ in phpBB, they are topics.

bryan23
Registered User
Posts: 92
Joined: Thu Dec 28, 2017 2:16 pm

Re: Removing hyperlink underline

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!

User avatar
Hanakin
Infrastructure Team Member
Infrastructure Team Member
Posts: 709
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: Removing hyperlink underline

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?

User avatar
paulie
Registered User
Posts: 73
Joined: Thu Mar 30, 2017 3:41 pm
Location: Hull, East Yorkshire.

Re: Removing hyperlink underline

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.
'Life in the Air Age isn't all the brochures say ...'

User avatar
Mannix_
Registered User
Posts: 322
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: Removing hyperlink underline

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
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
My CDB contributions . Like my work? Want me to do make a style just for you? PM here or on twitter.
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Need some graphics? PM here or on twitter.

User avatar
Hanakin
Infrastructure Team Member
Infrastructure Team Member
Posts: 709
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: Removing hyperlink underline

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

User avatar
Lumpy Burgertushie
Registered User
Posts: 64855
Joined: Mon May 02, 2005 3:11 am
Contact:

Re: Removing hyperlink underline

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
I am available for custom work on a donation basis. Please send me a PM with your needs.

Premium phpBB 3.2 Styles by PlanetStyles.net

OK, so what's the speed of dark?

bryan23
Registered User
Posts: 92
Joined: Thu Dec 28, 2017 2:16 pm

Re: Removing hyperlink underline

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.

User avatar
Hanakin
Infrastructure Team Member
Infrastructure Team Member
Posts: 709
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: Removing hyperlink underline

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
Registered User
Posts: 92
Joined: Thu Dec 28, 2017 2:16 pm

Re: Removing hyperlink underline

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?
Attachments
Screen Shot 2018-01-30 at 12.48.36 AM.png
Screen Shot 2018-01-30 at 12.48.36 AM.png (11.59 KiB) Viewed 693 times

User avatar
Hanakin
Infrastructure Team Member
Infrastructure Team Member
Posts: 709
Joined: Wed Dec 30, 2009 8:14 am
Name: Michael Miday
Contact:

Re: Removing hyperlink underline

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
Registered User
Posts: 92
Joined: Thu Dec 28, 2017 2:16 pm

Re: Removing hyperlink underline

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.

User avatar
Mannix_
Registered User
Posts: 322
Joined: Sun Oct 25, 2015 2:56 pm
Contact:

Re: Removing hyperlink underline

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 :)
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
My CDB contributions . Like my work? Want me to do make a style just for you? PM here or on twitter.
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Need some graphics? PM here or on twitter.

Post Reply

Return to “[3.2.x] Styles Support & Discussion”

Who is online

Users browsing this forum: sakm and 4 guests