Make Crop bigger for Site header

[kenziejoy]

Hi,
I mentioned this in another post, but I thought it might be better to do one problem per post.

We want to use an image for our header in the Education Pro Theme. I made the image box bigger than normal - I'd like 500 by 150 or so. My problem is that when I upload an image exactly that size it always makes me crop it in a weird way, smaller than I want. Originally they recommended 300x100 so is there another setting somewhere that I need to adjust to allow me to make something bigger? Right now we have an image that is 300x100 uploaded and it looks real bad.

http://staging.everydayambassador.org/

[andystitt829]

If you go into the functions.php file inside of Education Pro, you should be able to change this block of code:

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'width'           => 300,
	'height'          => 100,
	'header-selector' => '.site-title a',
	'header-text'     => false,
) );

You can change the width to 500 and the height to 150.

If the overall header is still too small height-wise, you can go to line 502 in the style.css file and add a min-height property:

.site-inner,
.wrap {
	margin: 0 auto;
	max-width: 1140px;
	min-height: 150px;
}

Try that and see if it works. It takes a little tinkering to get it right.

Andy

---

Andy Stitt
Website | Twitter

[kenziejoy]

Thank you very much,
I did both those things and it worked finally!

Now I just need to figure out why it isn't pushed to the left of the box. Right now the site header background is set to white so it blends with the picture, but if I color it you can see the that the image is pushed to the right. I think it has to do with floats...I'm gonna play around.

[Author]

Posts