Archived topic
Image hover opacity
8 replies · Started by Kle on May 29, 2018
Hi there,
I would like my blog posts images to change opacity on hover. What's the css for that?
Thank you.
Hi, you can try this:
.blog .post img:hover,
.archive .post img:hover {
opacity: 0.5;
transition: opacity 0.35s;
}
Perfect! Thank you. Is thera a code also for images in widgets? Or would have to be widget by widget? Thank You: )
Try:
.blog .post img:hover,
.archive .post img:hover,
.widget img:hover {
opacity: 0.5;
transition: opacity 0.35s;
}
Thank you very much David! Just made and adjusment and worked: )
.widget img { to .widget img:hover,
Only have one last question, the css action its not working when in single posts. Main, archives, catagories it does. What's the trigger for single posts?
Try .single img:hover
Perfect, thank you Leo/David!
You're welcome. Corrected the code above =)
: )