"Hide" a link, i.e. not underline it

  • Unknown's avatar
    wartsmagazine · Member ·

    Hi, I’m still running my blog on a different platform (WIX), but I’m preparing a move to wordpress.com. For now, I’ve openend a free wordpress account, and manually copied some of my older posts, to make myself familiar with how it works (site is visible only to me).
    My question: From time to time, I like to “hide” a link in a text, like little “Easter eggs”. Unlike other links, that I make obvious, these “hidden ones” are only hidden in so far, as they are neither underlined, nor written in a different text colour. It’s usually little jokes, like making a word link to a youtube video of a song that repeats this same word ever and ever (bad example, but just to give you the idea). Now, in the wordpress editor, this does not work. When I mark text linking somewhere, I cannot remove the “underline”, nor set the colour to the standard black.
    Do I really have to insert the html style command for every such link?

    The blog I need help with is: (visible only to logged in users)

  • supernovia · Staff ·

    Hi @wartsmagazine, that makes sense. You could use inline styling like so:

    <a href="http://wordpress.com" style="text-decoration:none; color:black; font-weight:100;cursor:text;">hidden</a>

    … and just take care to specify styles that match your theme’s normal text exactly.

    The other option would be to use WordPress.com Premium or Business, so you would have access to CSS. Then you would just use code like this for secret links:

    <a href="http://wordpress.com" class="topsecret">hidden</a>

    And then add this to your CSS under Customize:

    .topsecret {
  font-weight: 100;
  color: black;
  text-decoration: none;
  cursor: text;
}

    That way if you ever need to change the rules for all of the hidden links in your site (say you change your font color), you could do it in one place.

    Just note you’d likely need to redo the CSS each time you use a different theme.

  • The topic ‘"Hide" a link, i.e. not underline it’ is closed to new replies.