Can I turn off the hover toggle?

• 

  northshoreuu · Member · Oct 9, 2014 at 11:58 pm

  • Copy link
  • Add topic to favorites

  OK, I’m not sure the title explains it very well. But in Misty Lake, in the main content well and everything in the sidebar appears very light unless you hover the cursor over it. I would like to turn that off so that everything looks the way it should all the time. Thank you.

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

• 

  thesacredpath · Member · Oct 10, 2014 at 3:36 am

  • Copy link

  Hi there, I used the web inspector built into my browser and inspected one of the images on your site and found the following which sets the opacity (when not hovered) to 0.9. By adding that rule to your custom CSS, and changing the 0.9 to 1, the images will no longer be slightly translucent when not hovered.

  .header-image img, .entry-content img, .comment-content img, .widget img, .entry-thumbnail img {
      opacity: 1;
  }

• 

  northshoreuu · Member · Oct 11, 2014 at 10:34 pm

  • Copy link

  Just tried it and the code you sent didn’t seem to do anything. Is it possible that there’s a typo in what you sent? Thank you.

• 

  hallluke · Member · Oct 11, 2014 at 10:41 pm

  • Copy link

  You should be able to undo a whole chunk of the transparency in your theme using this:

  .widget-area,
  .entry-meta,
  .format-quote
  .entry-title,
  .format-quote
  .entry-title a,
  .format-aside .entry-title,
  .format-aside .entry-title a {
    opacity:1;
  }

  But if you only want to change it for your sidebar then all you need is the first selector:

  .widget-area {
    opacity:1;
  }