Opacity of slide's pictures in front page

• 

  matiasgodoy · Member · Jul 7, 2016 at 4:03 am

  • Copy link
  • Add topic to favorites

  Hello, i’m from Chile. Excuse my english please.

  I want to reduce the opacity of the slide featured post images displayed in the front page of my blog. The title of the featured post are in white, so don’t see very nice in some images.

  Someone can help me? Thanks!

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

• 

  hallluke · Member · Jul 7, 2016 at 8:18 am

  • Copy link

  Here’s the code you need to change the featured image opacity as the default and when you mouse over them. Your theme is set up so that this only affects desktop resolutions. In the example below I’ve switched it around so that it’s more transparent until you hover over the image but feel free to change the values between 0 and 1 to set it up how you want:

  @media only screen and (min-width: 1025px){
    .featured-image img {
      opacity: 0.3;
    }
    .featured-image:hover a img {
      opacity: 0.9;
    }
  }