[Support request] Image hover opacity

[Kle]

Hi there,

I would like my blog posts images to change opacity on hover. What’s the css for that?

Thank you.

[David]

Hi, you can try this:

.blog .post img:hover,
.archive .post img:hover {
	opacity: 0.5;
    transition: opacity 0.35s;
}

[Kle]

Perfect! Thank you. Is thera a code also for images in widgets? Or would have to be widget by widget? Thank You: )

[David]

Try:

.blog .post img:hover,
.archive .post img:hover,
.widget img:hover {
	opacity: 0.5;
    transition: opacity 0.35s;
}

[Kle]

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?

[Leo]

Try .single img:hover

[Kle]

Perfect, thank you Leo/David!

[David]

You’re welcome. Corrected the code above =)

[Kle]

: )

[Author]

Posts