Site logo

Archived topic

Image hover opacity

8 replies · Started by Kle on May 29, 2018

Viewing posts 1–9 of 9

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 =)

: )

This archived topic is closed to new replies.