image hover on custom logo

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:

hover image:

I hope you can help me out

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,

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

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,