Header & Logo

  • Unknown's avatar

    I increased the size of my logo which made the header also increase. Is there a way to increase the logo size and maintain the original size of the header?

    Or is there a way to make the header completely transparent?

    Thanks!

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

  • Unknown's avatar

    Hi, we can use the following to make your logo larger and tighten up the spacing on things.

    .site-branding .site-logo-link img {
        max-height: 200px;
        margin-top: -40px;
        margin-bottom: -30px;
    }

    It’s a bit of CSS trickery. Normally in CSS it is not a good idea to use negative margin values, but sometimes it’s the only way to accomplish things.

  • Unknown's avatar

    Thank you!

    Also, how do I remove the blog bubble symbol above my blogs.

    If that made any sense LOL

  • Unknown's avatar

    Oh, its called the post format. Any way to remove the symbols on my site?

  • Unknown's avatar

    This will get rid of the symbol and round grey background.

    .is-singular .entry-inner::before, .error404 .entry-inner::before, .is-singular .entry-inner::after, .is-singular .entry-inner::before, .error404 .entry-inner::after, .error404 .entry-inner::before {
        display: none;
    }

    If you also wish to get rid of the line also, this will do it.

    .is-singular .entry-content::before, .error404 .entry-content::before {
        border: none;
    }

    This leaves a bunch of whitespace above the titles on the single post pages, so the following will allow you to adjust that (it was 6em).

    .single-format-image.has-post-thumbnail .content-area {
        padding-top: 0;
    }
  • Unknown's avatar
  • Unknown's avatar
  • The topic ‘Header & Logo’ is closed to new replies.