Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • October 23, 2017 at 11:55 pm #867906
    catchbudapest

    Hi,

    since I want to use the same textcolor for hyperlinks and normal text I want to underline my hyperlinks to make them more visible (and remove the underline at the mouse hover).

    tried the following which works pretty fine but not 100% as I want:

    #main p  a { 
text-decoration: underline; 
}

#main p  a:hover {
text-decoration: none;
}

    The same effect I want to have in lists of my blog posts (which are not covered at the moment), and for the “read more” button in the blog grid.

    How can I do that without having this effect everywhere on the site.
    Below some pics to explain my case:

    I want it like this: https://imgur.com/dwl9Xsv or see here
    At “read more” the underline is missing: https://imgur.com/RLnqiIv or see here
    in lists it is missing as well: https://imgur.com/dZw1nYS or see here

    But bear in mind that I dont want this effect not all over the site, only in my normal texts and posts but not in my sidebar, footer, menus, etc.

    BR
    Florian

    October 24, 2017 at 6:01 pm #868315
    Nikko

    Hey catchbudapest,

    Try using this css code instead:

    #main a { 
    text-decoration: underline; 
}

#main a:hover {
    text-decoration: none;
}

#main .sidebar a, 
#footer a, 
#socket a {
    text-decoration: none;
}

    Hope this helps :)

    Best regards,
    Nikko

    October 24, 2017 at 6:25 pm #868322
    catchbudapest

    Thanks, works!

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Underline Hyperlinks’ is closed to new replies.