Customized Header image issue

Can you post a link to your site, or an image if it is on your development server?

Sure! https://dl.dropboxusercontent.com/u/1506566/header.png

Note: I also tried loading this custom header with your other theme, and see the same result.

Thanks, but I am not the theme author, just someone trying to help.

As far as the width goes, that is displaying properly. The header area for this theme is designed to “stretch” from side to side, up to 1600 pixels.

As far as the height goes, are you sure that you uploaded the correct image? Did you maybe accidentally crop it when you added it to the theme? If the “cropbox” was set very small height-wise and you clicked “crop and publish” instead of skip, the picture will be much “shorter.” I only asked because I installed this theme into my development wordpress site and added an image that was 1600×130, and deselected the header text, with no issues. But the “cropbox” was way “shorter” than my image. If I would have hit the “crop and publish” button, it would have been entered much shorter…

Ah…well, thank you for the help. ??

Weird, because I’ve used this header with other themes (with the same 1600×240 suggested size) and did not see it displayed this way. And I’m sure it wasn’t cropped. Perhaps one of my plugins is interfering…stranger things have happened.

Good to know that it is working correctly for you. I will start looking at possible issues specific to my environment.

Would you mind posting the actual image you are using where I could download it? I will try to recreate the problem with your image…

Sure. I actually just resized it closer to what you said you’ve used (1600 x 125). The header is still cutting it off, both top/bottom and sides.

Link

Ok, here is the deal: the custom image gets added as a background to the div, not as an image used in the div. Since there is not content to the header, it collapses to a single line-height plus the padding (approximately 58 pixels). Also the background attachment defaults to center. As your text is on the left, we need to change this. This is what is causing your “weird” cropping issue. To fix it add this to your child-theme css:

.banner {
	min-height: 125px;
	background-position: top left !important;
 }

The min-height will need to be changed to the height of whatever image you are uploading/using. Also, the image will be “cut-off” on the right side of the screen at the current width of the page, but with it attached to the left, you will be able to see your “logo.”

You are awesome! Thanks! That fixed it.

My pleasure.

hi
This problem fixed in new version 0.3.1 you can use after approving.

Thank you! DMBarber! This worked great for me too! Thank you Thank you!
Raeme