Elgg 3: Replace logo text with image

I welcome any better suggestions, but unless the stable release of elgg 3.0 includes a logo upload area in the backend, this is how I was able to replace the logo text with an image. Perhaps this is a bad way to do it. I don't know. The only part that I wasn't expecting was the "direction" rule. The only reason I added that is because the HMTL editor I was using gave me a warning suggesting that I add direction left to right. But, whether I include that or not, that didn't change anything. 

This CSS basically replaces the site title text, with an image.

.elgg-nav-logo a {

    padding:10px 0 0 5px;

    display: inline-block;

    content: url(image.png);

    max-height: 40px;

    max-width: 40px;

    direction: ltr;

    text-indent: -99999em;

    overflow: hidden;