Add a logo to your blog title


Pro users can add a logo to their blog header by uploading it to somewhere like and adding a bit of CSS.

Add a logo to your title

This will add a logo to the left of the blog title, as seen on the blog:

#blog-title a {
 background: transparent url('') no-repeat bottom left;
 padding-left: 42px;

(just replace with the URL for your image, and adjust the padding-left to fit)

Replace the title with an image

To replace the title with an image entirely, use this:

#blog-title a {
    background-image: url(;
    background-position: center;
    background-repeat: no-repeat;
    color: rgba(0,0,0,0);
    display: inline-block;
    width: 200px;
    height: 50px;
    background-size: 200px 50px;
#post #blog-title a, #subpage #blog-title a {
    /* Change size of logo on post and tags pages */
    width: 100px;
    height: 36px;
    background-size: 100px 25px;

(be sure to replace with your image URL and adjust the width, height, and background-size)