remove underline effect on links

  • Author
    Posts
  • #1140854

    youthandlust
    Member

    Hi folks,

    sorry to bother you,
    my blog is with some kind of conflict somewhere.
    it shouldn’t have those black underlines on links in mouseover mode.

    can u help me fixing this?
    (i just want to keep the green bar, not the black underline)

    many thanks in advance.

    The blog I need help with is changinglinesblog.wordpress.com.

    #1141120

    squarepixel
    Member

    If you check the custom CSS you have, you should find this line, that defines the styles applied on mouseover:

    .post-content p a:hover,.post-content li a:hover,.post-content table a:hover {
    background-color: #00f1c6
    }

    In that same selector, if you add this line:

    border-bottom: 0px;

    then the black underline will disappear on mouseover.

    #1141159

    misafir13
    Member

    Inline style

    This method removes the underline from a single link.

    Example

    Note that inline style is not advised. It makes code less maintainable and uses extra bandwidth.

    #1141172

    This will remove the underline when you hover over links in the post content, post meta, or comments in the Blogum theme:

    .post-content p a:hover,
    .post-content li a:hover,
    .post-content table a:hover,
    .post-data a:hover,
    .comments-link a:hover {
    	border: none;
    	text-decoration: none;
    }

The topic ‘remove underline effect on links’ is closed to new replies.