WordPress.org

Support

Support » Themes and Templates » Pinboard theme header size

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?

    http://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

    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.

    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…

    WPyogi

    @wpyogi

    Forum Moderator

    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.

    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?

    WPyogi

    @wpyogi

    Forum Moderator

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

    #site-title img {
        margin: 0;
    }

    WPyogi

    @wpyogi

    Forum Moderator

    Also add:

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

    and if you want the nav moved up more:

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

    It worked!
    Thank you so much WPyogi!!

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

    WPyogi

    @wpyogi

    Forum Moderator

    You’re welcome, and sure – try this:

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

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

    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.
Skip to toolbar