Viewing 3 replies - 1 through 3 (of 3 total)
  • Activate the custom css module in Jetpack setting if you haven’t already.
    Add this to custom css, you will have to change the link to your logo.
    You may also have to change the padding-left values based on your logo size.

    .site-branding {
        background: url('http://upload.wikimedia.org/wikipedia/commons/e/e7/Mozilla_Firefox_3.5_logo_256.png');
        background-size: contain;
        background-repeat: no-repeat;
    }
    .site-title {
        padding-left: 100px;
    }
    .site-description {
        padding-left: 100px;
    }

    The down side to this method is no link to the home page for the logo.
    If you want the logo linked to your homepage, it will require editing a core php file and needs to be done in a child-theme.

    Thread Starter iamjro

    (@iamjro)

    Thanks Roy. If it turns out I do not like it with the logo how could I reverse this?

    Just remove it from the custom css and update.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Logo’ is closed to new replies.