Origin Theme – Stop Images 'lighting up' on mouseover

• 

  katiegreenbean · Member · Mar 24, 2014 at 5:39 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I’m using a customised Origin theme for my blog, in particular using a lot of images to create links in the sidebar (currently only visible on the ‘blog’ page). I would like to be able to override the theme’s default appearance of having images that are links ‘light up’ or wash out slightly on mouseover. Is there a way to do this, either case by case for individual images or for the whole blog using CSS?

  Many thanks for your help.

  Katie

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

• 

  thesacredpath · Member · Mar 24, 2014 at 9:39 pm

  • Copy link

  Hi Katie, the following CSS will remove the opacity hover effect on all images in Origin.

  a:hover img {
      opacity: 1;
  }

• 

  katiegreenbean · Member · Mar 25, 2014 at 8:23 am

  • Copy link

  That did the trick perfectly. Thank you so much, and for the prompt reply as well.

• 

  thesacredpath · Member · Mar 25, 2014 at 4:04 pm

  • Copy link

  You are welcome.