Docs

[Fedde]

Hey guys,

I’m trying to figure out how to let my social media images change on hover. I’ve been using classes as mentoined in other topics of this forum and this is what i use so far:

url: http://www.feddewestera.nl

.image-class:hover {
content: url(http://www.feddewestera.nl/wp-content/uploads/2017/01/aa.png);
z-index: 999;
width: 100%;
display: inline-block;
}`

The problem: The one i tried it on, the instagram image, gets way to big on hover. Even though its exactly as big as the image i use without the hover effect.

Any way to fix this?

Thanks in advance
Fedde

[Jade]

Hi Fedde,

Please try this code:

.image-class:hover {
    content: url(http://www.feddewestera.nl/wp-content/uploads/2017/01/aa.png);
    z-index: 999;
    display: inline-block;
    width: 64px;
    height: 64px;
}

Hope this helps.

[Fedde]

Thank you!

That works perfectly!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts