Hemingway theme – Insert image in place of site title

  • Unknown's avatar
    spaceslikethis · Member ·

    Been finagling with no luck.

    I would like to add a logo image in place of the site title text in the Hemingway theme. The code I have right now is below. This shows both the site title text AND the logo– I would like to just show the logo without any text. Thanks for any help you can offer!

    .site-branding {
    background: transparent;
    }
    .site-title {
    font-size: 25rem;

    background: url(“http://spaceslikethis.files.wordpress.com/2014/04/whitelogotext.png”) no-repeat scroll 0 0 rgba(0, 0, 0, 0);}

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, give the following a try. It keeps the unique fade out of the site title/description block, and sets a transparency to the black color. If you delete the black background entirely, your site title and tagline don’t stand out and somewhat get lost in the image. Your image remains clickable as a return to the main home page also.

    .site-title a {
    color: rgba(0, 0, 0, 0) !important;
    display: block;
}
.site-description:before {
    background: none;
}
.site-title {
    background: url("http://spaceslikethis.files.wordpress.com/2014/04/whitelogotext.png") no-repeat scroll top center;
    background-size: contain;
    line-height: 72px;
}
.site-branding {
    background: rgba(0, 0, 0, 0.5);
}
  • Unknown's avatar
    spaceslikethis · Member ·

    Amazing! Thank you.

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘Hemingway theme – Insert image in place of site title’ is closed to new replies.