Change header size

[Jummul]

Hi fellow genesisians!

I'm looking for a way to change my header size. It's currently the default 960x240 and I'd like to change the height to 140. My theme is Pretty Young Thing btw.

I've tried changing this in the stylesheet
#header {
background: url(images/header.png);
height: 240px;
width: 960px;

to

#header {
background: url(images/header.png);
height: 140px;
width: 960px;

and also I tried changing this in the functions.php

/** Add support for custom header */
add_theme_support( 'genesis-custom-header', array( 'width' => 960, 'height' => 240 ) );

to

/** Add support for custom header */
add_theme_support( 'genesis-custom-header', array( 'width' => 960, 'height' => 140 ) );

In the headerpage in the dashboard it now reads "Images of exactly 960 ?— 140 pixels will be used as-is." but when I DO upload a 960x140 image, it adds 100 white pixels on the bottom.

I've exaggerated this by uploading a white header with a red gradient on the bottom. Here's how it looks like:

How do I remove the excess white space between the header and the post?

Note: the navigation menu below the header is currently disabled. It will be enabled before site launch.

[Debra Scott]

you also need to change this

/* Image Header - Partial Width
------------------------------------------------------------ */

.header-image #title-area,
.header-image #title,
.header-image #title a {
display: block;
float: left;
height: 240px; <------------
overflow: hidden;
margin: 0;
padding: 0;
text-indent: -9999px;
width: 600px;
}

It is really helpful to provide a link to the issue - especially for css issues. This one was easy but many require seeing the source. 🙂

---

need help with your business or personal website? Contact me at Fat Cat Designs

[Jummul]

I had changed that also (forgot to mention).

The website in question is acupoflife.nl

[Debra Scott]

it seems as if your changes have taken affect. Are you running a cache plugin? That will stop you from seeing the changes right away. Also your header is getting cut off at 140px. Changing these out to 160px seems to be ideal.

---

need help with your business or personal website? Contact me at Fat Cat Designs

[Jummul]

Thanks! I noticed when clearing cache in chrome. I thought I did that already. Thanks for the help!

[Debra Scott]

You're welcome!

---

need help with your business or personal website? Contact me at Fat Cat Designs

[Author]

Posts