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)


If you add this argument to #blog-title a

border-radius: 50%;

You have a smooth circle image…


What if I want to replace the title with a bigger image than the original title? Can I do that? Thank you!




  1. For now, adding the code examples above to the Customization Guide’s CSS section.
  2. Long term, making it as easy as changing your profile picture on Twitter. I spent a lot of time messing around trying to get it to all fit. Most normies are simply going to run the other way when they see CSS.