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 work. Most normies are simply going to run the other way when they see CSS. Continue to let the purists use CSS, but let the normies just upload a profile pic like they can to most platforms without having to worry about technicalities.


Thanks. To clarify, I think you are saying I can make my title image larger by using CSS. Is that correct? Thank you.


Yes. See the “width” and “height” parts in the code posted above and play around with it until you get the look you want.


Thank you, very much.