Next Saturday – extra space with header image

  • Unknown's avatar
    kerrylane · Member ·

    Hello

    When I add a header image into the theme Next Saturday it creates an extra space underneath it, making the header area a much greater height than without an image. None of the relevant CSS elements seem to be changing it. Please can you help me make the site title banner stay the same width with a header image.

    Cheers
    Kerry

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

  • Unknown's avatar
    lizthefair · Member ·

    Could you add the header image so I can see the space to which you refer? It’s much easier to tell what’s going on when the problem is staring me in the face :)

  • Unknown's avatar
    5mutek · Member ·

    Hey Kerry –

    You could try playing around with the background-size property.

    For example – 

    /* change size on custom background */

body.custom-background {
	background-size: 855px 229px;
}

    The first number value is the width of the background image, and the second value is the height.

    Does this help you at all?

  • Unknown's avatar
    kerrylane · Member ·

    Hi

    LiztheFair – I have put it back up now.

    5MuTec – Thank you, but no that affects the entire site background and I just want to change the title banner. Adding height into the current CSS doesnt seem to do anything.

    /*site title*/
    #site-title a {
    background: none repeat scroll 0 0 transparent !important;
    border: 0 none !important;
    color: #789048 !important;
    min-height: 85px;
    margin: auto 0;
    padding: 25px 0 0 10px;
    width: 615px;
    height: 150px;
    }

    cheers
    Kerry

  • Unknown's avatar
    5mutek · Member ·

    @lizthefair – sorry for the cross post, you must have posted as I was writing my response.

  • Unknown's avatar
    lizthefair · Member ·

    I don’t see a significant extra space, so I might be on the wrong track here, but does this do what you were hoping for:

    #title-wrapper{
    min-height: 62px !important;

}
  • Unknown's avatar
    lizthefair · Member ·

    @5mutek–no worries one of the consequences of great volunteer forum help is sometimes we talk over each other. I like to see it as “offering diverse perspectives” rather than getting in each other’s way :)

  • Unknown's avatar
    5mutek · Member ·

    @lizthefair Right on! :)

  • Unknown's avatar
    kerrylane · Member ·

    Whoo yes, thank you lizthefair.

  • Unknown's avatar
    lizthefair · Member ·

    My pleasure.

    If it’s bugging you that the sidebar isn’t lined up with your main content area, this would fix it:

    #secondary-wrapper{
    margin-top: 0 !important;
}

    If it’s not a problem, feel free to ignore of course. I can get a little free with the unsolicited advice ;)

  • The topic ‘Next Saturday – extra space with header image’ is closed to new replies.