Where is this huge gap coming from?

  • Resolved barwick

    (@barwick)


    14 years, 6 months ago

    For the life of me I can’t figure out where this huge gap is coming from in twenty-ten. I did a custom header image size, and it fits fine, but there’s a huge gap below it that I can’t figure out how to get rid of.

    You can see it here: https://www.motorcityfitness.net

    I can’t find any more margins or padding that’s still in there, any other line heights, or anything else that could be causing this. Do you have any ideas?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Thread Starter barwick

    (@barwick)

    I should also note, I can’t figure out how to slam the top of the image right up towards the top of the page (basically, the background-color is set to green in the image, and the header background-color is purple (for debug purposes), I’d like there to be no purple visible at the top, just green, but can’t figure out how to do that either…

    hi. you should set heights or paddings from appearance>editor and choose header or css style and set it from there …play with it till you get the best result

    this huge gap

    which gap exactly?
    your header image is 608*400px; consider trimming it to 300px height.
    what are your settings for the header size in functions.php?

    slam the top of the image right up towards the top of the page

    this is from ‘#site-title’ and ‘#site-description’; even though you shifted them from the page by ‘text-indent’, the heights of these are still there (‘out of sight – out of mind’ does not work in css);

    you could, for instance, try to add height:0px;overflow:hidden; after the text-indent: -999em; in both styles.

    Thread Starter barwick

    (@barwick)

    All that green that’s below the logo itself, that’s not in the picture, it’s just empty space.

    In the functions it’s set to 608 x 400. It used to be scaled to 800 x 526, and still did the same thing.

    Setting the height to 0px for title and description fixed the gap at the top.

    The gap at the bottom, I’m still not sure why it’s there. For some reason the actual #branding img is a lot taller than it’s supposed to be. Does it have something to do with the apply_filters in the functions.php?

    I can set the #branding div to height 310px, and all of a sudden it “fits”, but the image is still way taller than it’s supposed to be (I can see green background below the menu then), which doesn’t necessarily cause a *problem* that I know of, but I have no clue what unintended effects that would have…

    In the functions it’s set to 608 x 400

    why is that if your image is only 310px high?
    what if you set it to 608 * 310 ?

    I can set the #branding div to height 310px

    sounds ok.

    the image is still way taller than it’s supposed to be

    edit the image in a image editor (photoshop or gimp) and reduce the ‘canvas size’ (or how it is called in the image editor)

    Thread Starter barwick

    (@barwick)

    I’m a freaking idiot… I could have *swore* I cropped that image to the right height, so only the logo was on the canvas. I actually thought to check it like 3 times but thought “no, I know I cropped it”. I go and check it, nope… it’s got a huge blank space. *smack* me…

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Where is this huge gap coming from?’ is closed to new replies.