Image Fade on Hover States

  • Unknown's avatar
    ambervsitetest · Member ·

    Hello!

    My site has an image fade to 0% on hover for the portfolio page. What CSS will change that fade to 75%?

    Thank you!

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

  • staff-jeanpierreac · Staff ·

    Hi there!

    You can change the opacity value on hover with a little bit of CSS magic. Right now it is fixed to 0. This value goes from 0 to 1, so you can user 0.75 instead and try. The CSS code to add to your custom CSS would be:

    @media screen and (min-width: 1150px)
.jetpack-portfolio-shortcode .entry-thumbnail:hover, .jetpack-portfolio-shortcode a.portfolio-featured-image:hover {
    opacity: 0.75;
}

    I hope this helps. Enjoy blogging! :)

  • The topic ‘Image Fade on Hover States’ is closed to new replies.