[WilliamA]

I would like to change the color of just my logo when I mouseover (it’s a png). I think I have to create a copy of my logo and swap out, in my case with pantone green.

My website: http://techiesnation.com/

Proposed code?
#site-logo:hover {
background: url(http://techiesnation.com/wp-content/uploads/2014/03/cropped-TechiesNationLogoBasegreen.png) no-repeat;
}

[Sakin]

@WilliamA: You can do like that in Responsive design site. If you add like that then it will be problem when you view you site in mobile devices. Also the css will be like this

#site-logo a:hover {
background: url("http://techiesnation.com/wp-content/uploads/2014/03/cropped-TechiesNationLogoBasegreen.png") no-repeat;
}

[WilliamA]

Thank you!

[Author]

Posts