how to change image opacity by hover?

  • Resolved Tonguc

    (@resttube)


    5 years, 11 months ago

    Hello Tom,
    sorry, can I change the image opacity at hover? At the moment is the opacity is 1 and this is too much for my client. Can I reduce this value?
    I tried already with this css code, but it didn’t work…
    .wp-show-posts-image img:hover {opacity: 0.75;}
    Thank you
    Cheers
    Tongu?

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Tom

    (@edge22)

    That code should work. I just checked it out on your site and the image is changing opacity on hover. Is it still not working for you?

    Thread Starter Tonguc

    (@resttube)

    yes… but it’s getting too milky. I would like to reduce the standart-value {opacity: 1;} and this seems not working with this code… nothing change

    Plugin Author Tom

    (@edge22)

    It’s getting milky because the background behind the image is white. Is there an example you’re trying to replicate that I can see?

    Thread Starter Tonguc

    (@resttube)

    Hi Tom, I changed the background color with customizer, the effect is the same; images by hover too “milky”.
    I tried to delete the opacity effect completely, but even this is also not possible…
    Hmm…
    opacity is now 0.5, I would like to change it to 0.8

    Plugin Author Tom

    (@edge22)

    You can find that CSS and adjust the value in Customize > Additional CSS. This is what you’re looking for:

    .wp-show-posts-image img:hover {
    opacity: .5;
}
    Thread Starter Tonguc

    (@resttube)

    I had this code already in Simple CSS.
    Now I moved it from Simple CSS to Customize -> Additional CSS & what a miracle!… suddenly it works. So easy ??
    Thank you, Tom.

    Plugin Author Tom

    (@edge22)

    You’re welcome ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘how to change image opacity by hover?’ is closed to new replies.