CSS for SVG logo

[jgreenberg]

Hello,

I just recently swapped out our PNG logo for an SVG logo for better scaleability and size. How do I add CSS so that on hover there is a light opacity white overlay?

Thanks!

[Prasant]

Hello @jgreenberg,

Thanks for asking.

You can take a look at following Codepen snippet to add hover effect for svg logo.

https://codepen.io/marcinlukasik/pen/iKbdB

Thanks.

[jgreenberg]

That is exactly what I ended up doing. But I made a class of it first when I was hoping to use inline CSS. I still am not sure why it did not work there but I got it do what I wanted. Thanks.

[ruenel]

Great!
It’s good to know that it is working for you.