Image Mouse Over Fade

• 

  somsrlaura · Member · Nov 27, 2015 at 2:53 pm

  • Copy link
  • Add topic to favorites

  Hi,

  I’ve put in various CSS codes into my editor to stop the scrolling over mouse fade problem to keep the image consistent – however nothing works.
  Does anyone have CSS that will work to keep the images non-faded regardless of mouse over? Also, if anyone has CSS codes to make my header stretch across the screen that would help too! :)

  My codes work in dreamweaver but not here.

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

• 

  thesacredpath · Member · Nov 30, 2015 at 8:28 pm

  • Copy link

  Hi there, you have the following CSS rule in your custom CSS set for an opacity of 0.9. If you don’t want the opacity change, set it to 1.

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

  At WordPress.com, Dreamweaver probably isn’t the best way to develop CSS. I use the web inspector built into my browser to find the relevant CSS. If you are not familiar with the web inspector in your browser, take a look at our support page on How to Find Your Theme’s CSS where you will find some brief screencasts to get you started with it. I find it an invaluable tool when working with CSS.

• 

  somsrlaura · Member · Dec 10, 2015 at 9:59 am

  • Copy link

  Brilliant, thank you!

• 

  thesacredpath · Member · Dec 10, 2015 at 7:08 pm

  • Copy link

  You are welcome.