Icon on blog hover

[KimAnn]

Hello!

I have customized my blog hover to use a branded image. If you go to this page and hover over one of the posts you will see the customization:
https://alisonljames.com/virtual-tea/

I can get the image on the hover centered horizontally but I can not get it to budge vertically. Can you help me figure out how to center the graphic vertically on hover?

Here is my code:
.entry-thumb:before {
content: url(https://alisonljames.com/wp-content/uploads/2019/06/Star-Emblem.png);
left: calc(48% - 50px);
margin-bottom: 60pm;
background-color: transparent;
}

Look forward to your response

[friech]

Hi Kim,

Thank you for writing in, I see you use the left CSS property to move the image horizontally, you can use the top CSS property to move the element vertically.

Hope it helps,
Cheers!

[KimAnn]

perfect thank you!

[ruenel]

You’re welcome!
We’re glad @Friech’s solution works out for you.