remove underline effect on links

• 

  youthandlust · Member · Jan 30, 2013 at 8:42 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  squarepixel · Member · Feb 1, 2013 at 2:01 pm

  • Copy link

  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.

• 

  misafir13 · Member · Feb 10, 2013 at 12:05 pm

  • Copy link

  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.

• 

  designsimply · Member · Feb 18, 2013 at 8:58 pm

  • Copy link

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