Images on my blog appear washed out unless the cursor hovers over them

• 

  richtweedy · Member · Jan 8, 2015 at 5:37 pm

  • Copy link
  • Add topic to favorites

  I’m using the Misty Lake theme for my blog. The images (and some of the sidebar widgets) are slightly faded unless the cursor hovers over, when they are displayed properly. This is really annoying and actually betrays the integrity of my images. It’s really obvious on this page here where the image of the buzzard (last in the post) looks washed out unless the cursor hovers over it. How can this feature be disabled so the images are displayed properly all the time?

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

• 

  jeremeylduvall · Member · Jan 8, 2015 at 9:13 pm

  • Copy link

  Hi!

  In order to disable that style element, you would need to purchase the Custom Design upgrade:

  http://en.support.wordpress.com/custom-design/

  Is that something you would like to do? If so, once you purchase the upgrade, place the following code under Appearance -> Customize -> CSS:

  .entry-content img {
  opacity: 1;
  }

  Alternatively, you could look to change to a theme that doesn’t have this style built in. Would something like Twenty Eleven work?

  http://twentyelevendemo.wordpress.com/

• 

  richtweedy · Member · Jan 8, 2015 at 11:15 pm

  • Copy link

  Hi Jeremy,

  Thanks – that’s really helpful! I will try the Twenty Eleven style which looks sufficiently similar to Misty Lake to be a fairly easy change.

  Many thanks
  Rich

• 

  jeremeylduvall · Member · Jan 9, 2015 at 5:17 pm

  • Copy link

  Great Rich! Let me know if you need anything else.