Highwind Header cropping and growing problems

  • Unknown's avatar
    projectshareabq · Member ·

    Hi,

    I have the highwind theme. When I first built it I had a dreadful time setting up the header. While the header has a huge default image size, the published page actually showed a header about 1/2 that height. In order to get the complete logo showing in the header, I had to do a series of strategic resizing of the logo, reconstructing the header, and reloading it into wordpress. It was tedious and I spent a lot of time on it.

    Eventually I cropped just the right way and the banner published at 1/2 the specified height, looked decent, and the client (psabq) approved the website. Several weeks later I noticed that the banner area had actually grown! So the logo is lost in that sea of green. It has stayed that way–regardless of the monitor size.

    Now I’m updating their website and they want the banner to be half the width, the way it was when the site was approved. I can only agree, that vast sea of green really overwhelms the website.

    How can I reduce the height of the banner?

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

  • Unknown's avatar
    hfzrhmn · Member ·

    Hi,

    Do you have the Custom Design upgrade? If yes, you can add the following custom CSS to reduce the banner height significantly without messing up the logo placement: 

    .header {
	padding: 0;
}
  • Unknown's avatar
    projectshareabq · Member ·

    Hi, Thanks very much hfzrhmn. I like easy modifications.

    However, this is a nonprofit on a tight budget–so no custom design upgrades.

    Any more ideas? Kaye

  • Unknown's avatar
    lucindagoetz · Member ·

    Hi.

    I’ve been having similar problems with my blog, also on the Highwind theme. I do have the custom design upgrade, I used the CSS code you provided and it almost solved it, but it’s cut off some of the text from the top. Can you advise?

    You can see the blog here: http://lucygoetz.com

    Thanks

  • Unknown's avatar
    projectshareabq · Member ·

    hfzrhmn,

    Thanks for your code. I was pushing buttons trying to see my way through this, and I discovered that Highwind does have custom css for the header.

    A friend gave me the code:

    header {height: 210px;
    }

    This did not work. So I searched for your suggestion and tried it. As you can see, it does work. Thanks very much. Kaye

  • The topic ‘Highwind Header cropping and growing problems’ is closed to new replies.