Disable image highlight

• 

  bloctv · Member · Jan 17, 2014 at 10:50 am

  • Copy link
  • Add topic to favorites

  Hi,

  Is there anyway to disable the highlight that occurs when you hover your mouse over an image? I’m happy to lose the link as well if needs be.

  Thanks,

  Ryan

  The blog I need help with is: (visible only to logged in users)

• 

  kaniamea · Member · Jan 17, 2014 at 11:00 am

  • Copy link

  Hi Ryan,
  do you have the Custom Design update? If so go to Custom Design => CSS and add:

  a:hover img, a:focus img {
      opacity: 1;
  }

• 

  hfzrhmn · Member · Jan 17, 2014 at 11:03 am

  • Copy link

  With the Custom CSS upgrade you can add the following CSS to remove the highlight effect:

  .post-image a:hover img,
  .post-image a:focus img {
      opacity: 1;
  }

• 

  bloctv · Member · Jan 17, 2014 at 11:44 am

  • Copy link

  Wow, thanks for the almost instant response guys! That worked perfectly, thanks again.

• 

  justpi · Member · Jan 17, 2014 at 12:36 pm

  • Copy link

  @bloctv: Your site is self-hosted. In the future make sure you post in the right forum:
  http://wordpress.org/support/

  @kaniamea & hfzrhmn: This is the wordpress.com forum. We don’t help with self-hosted sites here.

• 

  bloctv · Member · Jan 17, 2014 at 12:41 pm

  • Copy link

  Alright mate no worries, hopefully the space time continuum will be unaffected and the sun will shine another day ; )