- May 28, 2018 at 8:39 pm #166548
I’m using Shapely theme. The front page looks fine. But on the blog pages the header image size is limited to 1900 × 225 pixels. Is there a way to increase the header image size on the blog page so I can upload a bigger image, for example 1900 × 500 pixels?
Thank you!May 29, 2018 at 4:04 am #166562
Hope you are having a good day and thank you for your question 🙂
In order to check your question i need to see your live website, please provide url and i will take a lookMay 29, 2018 at 9:20 am #166602
Here is an example URL of a page with the header image on a blog page. https://fantasticphotosprague.com/group-photo-tour-in-prague/
Attached is a screenshot of the customize settings in WordPress. You can see it only allows an image size of 1900 × 225 pixels. Can the image height be made bigger, like 1900 × 500 pixels?
Attachments:May 30, 2018 at 11:13 pm #166849
any ideas how to do this?
ThanksMay 31, 2018 at 3:37 am #166863
Try this code:
Height will be changed but not sure how image will behave in it 🙂May 31, 2018 at 1:24 pm #166964
I tried adding the code and it stretches the image out to 269px (I also tried other bigger pixel values too).
I tried squashing an image in Photoshop from 269px to 225px first to see what happens when I add it into WordPress, but the code stretches the image in 4 directions, not just downwards. So it messes the image up 🙁
Wordpress always wants to crop the image to 225 px height, even with the code. Is this a part of WordPress that can’t be changed?
Attachments:May 31, 2018 at 3:51 pm #166999
please add this code as well:
and you will see blank space under the image, this is the space you must fill with your image by resizing it in photoshopMay 31, 2018 at 6:47 pm #167020
thanks! I got it to work OK.
It works better with only this code
I discovered that if I upload an image 1940 px wide to WordPress, it only gave me the option to crop it to 1940 * 225.
But when I upload a smaller image eg. 1500 *539 px it gave two options “Crop” or “Skip Cropping”. So selecting “Skip Cropping” allowed through a photo with a bigger height. The browser stretches the photo out OK, so its working fine. Thanks
Final version at https://fantasticphotosprague.com/group-photo-tour-in-prague/June 1, 2018 at 3:51 am #167035
Thak you for sharing solution 🙂
I will close this case now, Feel free to contact us again if you have other questions Thanks!
The topic ‘Blog page header image bigger height?’ is closed to new replies.