Remove underline from links

  • I’ve been looking high and low and tried numerous things, but simply can’t figure out how to remove the underline from the links. By default it’s there,- which part of the codes in the css-layout should i remove…I can’t see it’s says anything with “text-decoration:underline” anywhere in the file….
    Is it somewhere around here:
    }
    #menu ul li ul {
    margin: 2px 0 0 0;
    padding: 0;
    Feel free to giggle…yes I am a complete newbie ??
    Have tried to access https://www.tamba2.org.uk/graphicalcss/ to get help, but the site seems to be offline….

Viewing 6 replies - 1 through 6 (of 6 total)

  • Somewhere in the css there should be a:link. you should see the “text-decoration:underline” and can just remove it or change it to “text-decoration: none”.

    Madsen,
    As a primer, I’d suggest a visit here to the W3Schools.org CSS tutorial.
    There are other great sites out there, too, and they will be published in the upcoming WP User’s Manual.

    Thread Starter madsen

    (@madsen)

    Mamabean: that’s what’s making me a bit frustrated. I spend most of last night looking for that part, but it’s nowhere in the WP-layout.css-file. I’ve looked in nearly all of the files in my Wp-folder on the server, but nowhere is there a place where it’s says “text-decoration”.
    Could it be called something else..like ul or em?
    Nuclearmoose: I had already visited W3Schools.org CSS tutorial, and it indeed is a great place to learn about css :-)…unfortunately it didn’t help me with this…
    Since there’s no sensitive information in the file I’ve upload the wp-layout.css-file:
    https://www.ecotox.dk/layout.html

    Just do a “find” for a:link either in notepad or your browser. You can see that it’s in several locations in your CSS. For example…
    #content div.post h3 a, #content div.post h3 <b>a:link</b>, #content div.post h3 a:visited { color: #4B5340;}
    You just have to hunt down which section you want the changes. A word of caution, even if you add: “a:link {text-decoration: none;}” to the top of your CSS, typically the browser chooses the more specific setting and will ignore the general one.
    It might be easiest to remove the a:link and a:visited (what it looks like after the link’s been visited before), and specify how you want them to look up top, and then specify section differences back in by hand.

    Thread Starter madsen

    (@madsen)

    Well, I’ve got no problem finding a:link in the file, but I hope we can agree that there’s nowhere in the file where it says text-decoration…..
    I think I’ll follow your advice and remove the a:link and a:visited, and specify them myself up top….
    Thx for helping arghnoname ??

    Thread Starter madsen

    (@madsen)

    “Underlining is the default when no text-decoration is specified”
    See, that is one valuable piece of information I didn’t know about (among many many other things)….I haven’t found a single site on the net, where it’s stated that by default links are underlined….Anyway ??
    I’ll see if I can get the underlined links removed…the underline that is…Thx.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Remove underline from links’ is closed to new replies.