en WordPress.com Forums › CSS Customization

"read more" hover status

• Author
  Posts
• January 13, 2012 at 8:53 pm #798127
  
  youthandlust
  

  Member

  hi everyone!
  i really hope that someone can help me out with this problem.. thank you all in advance.

  I would like to know, how do I remove the hover style from the “read more” link.
  (I want to remove the green background on any “read more” link)

  u can check how it is in my 2nd post..
  best,

  PEdro

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

  January 13, 2012 at 9:14 pm #798229
  
  thesacredpath
  

  Staff

  This will do it.

  .post-content p a:hover, .post-content li a:hover, .post-content table a:hover {
  background: none;
  }

  January 13, 2012 at 9:40 pm #798233
  
  youthandlust
  

  Member

  I just would like to remove the green hover style form the “read more” link.

  the others links I would like to keep them that way.

  :/

  January 13, 2012 at 9:44 pm #798236
  
  thesacredpath
  

  Staff

  Oops, sorry.

  a:hover.more-link {
      background: none !important;
  }

  January 13, 2012 at 9:56 pm #798237
  
  youthandlust
  

  Member

  perfect! ;)

  January 13, 2012 at 10:08 pm #798240
  
  thesacredpath
  

  Staff

  Glad that worked for you.

  January 14, 2012 at 7:29 pm #798406
  
  youthandlust
  

  Member

  Do you know how to do the same, but now for the images that I post?

  I want to remove the hover style from any image.

  hover style is acting on any link in the main column, but i want to remove hover style JUST from the images.

  check my third post for example..

  thanks

  January 14, 2012 at 8:11 pm #798418
  
  thesacredpath
  

  Staff

  You know, I can’t figure out how to do this without taking away the hover effect on normal text links. Normally image links are style separately under img:hover, but not in this case.

• Author
  Posts

The topic ‘"read more" hover status’ is closed to new replies.