[itsamiro]

Hi –

I’m looking to increase the height of the header image – what’s the best way to make that change? I saw the option in the “custom header php” file, but it didn’t increase the size of the image as it suggests.

Thanks.

[Pratik]

Hi @itsamiro,
If you use skip cropping option when uploading header image, the uploaded size will be used.

Is this what you wanted?

Regards,
Pratik

[Dilara]

Hi @Pratik @itsamiro,
I have the exact same issue. Skipping cropping didn’t change anything.
Thanks.

[itsamiro]

@Dilara is correct, @pratik, – skipping the cropping option doesn’t change the height of the header image – it’s still set to a height of 720.

I tried adjusting that size restriction in the custom header php file, and that allows me to upload an image with a larger height, but it still shows up as 720 on the site.

[Mahesh]

@itsamiro:

@dilara: Skip cropping is working fine. If you select skip cropping option, it uses the full image without cropping. Please check the header image as you’ve uploaded (@itsamiro) in the link below:
http://bit.ly/2ic4kxc
This is the image being used. And as you can see the full image, skipping working fine.
But the reason that full image is not displaying is that the header image is used as the background. And if not content, it’ll just take the height of the content and the padding for course.
The solution for this is to simply increase the height with Custom CSS of the container to fit the image. And the height required to be adjust as per your screen size.
Please add the following CSS:

@media screen and (min-width: 1200px){
    #header-featured-image .hentry {
	height: 500px;
    }
}

Hope you understand.

Regards,
Mahesh

[itsamiro]

Thanks.

[Author]

Posts