I was about to lecture a friend about the website etiquette standard of making your top banner link to your homepage, when I realised my own WordPress blog didn’t follow this all-important rule.
When I set out to rectify this, I realised that my theme sets the top banner in CSS as a background image.
Now I could have just removed the CSS class and stuck an “img src” tag in the html, surrounded by an <a href> tag, of course. But I want to call that png as a CSS background image AND link it in the original stylesheet so I don’t need to hack my theme.
My CSS skills are patchy at best. I scratched my head, tried a few really dumb things, then scoured the internet for a way to do this. Thought it would be an obvious thing with its own chapter over at the excellent W3Schools CSS reference site. But no. I had to piece a solution together from several incomplete answers. Here’s what I did. Continue reading