image hover on custom logo

Shapely
1

Hi there,
Thank you for your beautiful theme.
It worked out pretty well until i tried te customize my logo.
I tried it with custom css something with .custom.logo

My website: www.johanakkerman.com
image: http://www.johanakkerman.com/wp-content/uploads/jaq1.gif

hover image: http://www.johanakkerman.com/wp-content/uploads/jaq2.gif

I hope you can help me out

2

Hello there,

I hope you are doing well today.

As I take it you to have the image change when on hover. You can use the following CSS code to do so by going to Appearance > Customize > Additional CSS and pasting it there.

img.custom-logo.logo:hover { content: url(image.jpg); }

You need to replace “image.jpg” with the url for your image of choice.

Best Regards,
Support

3

Thanks
In chrome its looks good
but, in firefox and explorer nothing happens :frowning:

4

Hello there,

Thanks for telling me.

Please try adding this CSS code and it should allow the image to be displayed:

img.custom-logo.logo:after:hover { content: url(image.jpg); }

Best Regards,
Support