Need help? Check out our Support site, then


remove underline effect on links

  1. 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.

  2. 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 {<br /> background-color: #00f1c6<br /> }

    In that same selector, if you add this line:

    border-bottom: 0px;

    then the black underline will disappear on mouseover.

  3. 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.

  4. 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;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic