Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Mel Choyce-Dwan

    (@melchoyce)

    Hi,

    Adirondack doesn’t support logo uploads. However, you can use something like Jetpack’s CSS module, or create a child theme, and edit your css to include your logo. Since it looks like you’re already using the Jetpack plugin, that’s probably the easiest approach to adding your logo.

    First, upload your logo to your media library. Once it’s uploaded, note down the URL where it lives. It’ll probably be something like:

    https://phillippewatchmaker.com/wp-content/uploads/2015/04/logo.png

    Then, in Jetpack’s CSS editor, enter something like this:

    h1.site-title {
      text-indent: -9999px;
      background: url('your-image-url') no-repeat;
      width: your-image-width;
      height: auto;
      background-size: 100%;
    }

    With “your-image-url” being the url you grabbed from your media library, and “your-image-width” being the width you want your logo to display at. You might need to fiddle with the numbers a little to get it looking right. Once you reach this step, if you run into any issues, I’m happy to help out.

    Note: the css above will replace your title with your logo — if you want to keep both the site title and add a logo, let me know.

    Moderator Mel Choyce-Dwan

    (@melchoyce)

    Hmm — actually, if your logo is taller, you might actually need to swap background-size: 100%; for background-size: contain;

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘how do i add a logo?’ is closed to new replies.