Pinboard theme header size

  • I’m using the Pinboard theme and there’s A LOT of excess space in the header area aroung the image that I can’t get rid of. I tried a ton of different css from googling this question and nothing works. Anybody knows what I can do to fix it?

    Thx!!

    BTW, This is what appears in my css right now:

    [CSS removed – please post a link to your site for help with CSS]

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

  • Link to your website?

    Thread Starter toomtz

    (@toomtz)

    https://www.thekiaiway.com/

    I decactivated the under construction page for now…

    Thx!

    I’m not entirely sure but from firebug, i think its cause of the slider…

    try

    #slider .entry-title
    {
    float: left;
    }

    *i’m new to wordpress too! slowly learning how to modify pinboard as well

    Thread Starter toomtz

    (@toomtz)

    That didn’t change anything… (thx for trying though)
    Any other ideas?

    No… I just know it’s the slider because when I tested float left, everything moved to the left including the title of the slide and the three buttons. I think the button/title should be moved a little to the left.

    You can try resizing the image, thats what i did to fix my problem that was similar.

    Thread Starter toomtz

    (@toomtz)

    I tried adding a smaller image and I have the same problem. I don’t understand why the slider can cause this issue… And I tried any code I could find but nothing changes…

    Help…

    The reason is that the image is 1100px wide and the site (on a large enough monitor) is 1140px wide – as set here:

    #wrapper {
    background: none repeat scroll 0 0 #F8F8F8;
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
    margin: 0 auto;
    max-width: 1140px;
    overflow: hidden;
    position: relative;
}

    Try uploading an image 1140px wide.

    Thread Starter toomtz

    (@toomtz)

    I should have been more clear, sorry- It’s not the width that’s the problem, it’s the height that’s too big and I can’t get it too match the header.

    Any idead on how to solve that?

    Oh sorry, my bad – try adding this to your custom CSS:

    #site-title img {
    margin: 0;
}

    Also add:

    #site-title, #site-description {
    line-height: 0;
}

    and if you want the nav moved up more:

    #access {
    margin-top: -20px;
}

    Thread Starter toomtz

    (@toomtz)

    It worked!
    Thank you so much WPyogi!!

    Thread Starter toomtz

    (@toomtz)

    One last question…
    Is there a way to get the menu height reduced a bit?
    THX!

    You’re welcome, and sure – try this:

    #access a {
    padding: 10px 24px;
}

    Adjust the 10px as you like. (the 24 is for the sides)

    Thread Starter toomtz

    (@toomtz)

    Excellent. Thank you so much ??

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Pinboard theme header size’ is closed to new replies.