WordPress.org

Ready to get started?Download WordPress

Forums

Pinboard theme header size (15 posts)

  1. toomtz
    Member
    Posted 1 year ago #

    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]

  2. Steven
    Member
    Posted 1 year ago #

    Link to your website?

  3. toomtz
    Member
    Posted 1 year ago #

    http://www.thekiaiway.com/

    I decactivated the under construction page for now...

    Thx!

  4. Steven
    Member
    Posted 1 year ago #

    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

  5. toomtz
    Member
    Posted 1 year ago #

    That didn't change anything... (thx for trying though)
    Any other ideas?

  6. Steven
    Member
    Posted 1 year ago #

    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.

  7. toomtz
    Member
    Posted 1 year ago #

    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...

  8. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  9. toomtz
    Member
    Posted 1 year ago #

    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?

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

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

    #site-title img {
        margin: 0;
    }
  11. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Also add:

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

    and if you want the nav moved up more:

    #access {
        margin-top: -20px;
    }
  12. toomtz
    Member
    Posted 1 year ago #

    It worked!
    Thank you so much WPyogi!!

  13. toomtz
    Member
    Posted 1 year ago #

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

  14. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    You're welcome, and sure - try this:

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

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

  15. toomtz
    Member
    Posted 1 year ago #

    Excellent. Thank you so much :)

Topic Closed

This topic has been closed to new replies.

About this Topic