WordPress.org

Support

Support » Themes and Templates » [Resolved] Header NOT showing full screen image

[Resolved] Header NOT showing full screen image

Viewing 4 replies - 1 through 4 (of 4 total)
  • Howdy! This is because the current featured image is very long, but not very tall.

    You’ll have the best results with an image that uses a 2.88:1 width-to-height ratio. The featured images we use on the demo site at superherodemo.wordpress.com are 2000px x 695px, to give you an example of a size that should look good.

    You’re seeing lower quality because the featured image is displayed at 500px tall, which is greater than your uploaded image’s height of 440px. Try uploading a featured image with a minimum height of 500px and I think you’ll see a difference.

    I hope this helps!

    Tara

    @gulfwebservices

    Thanks. I really don’t want the image to be any taller. I don’t want it to take up such a large part of the viewing screen vertically. Is there a way to change the ratio because I want to use the image as I’ve already cropped it which is 1900 × 440?

    Tara

    @gulfwebservices

    I tried uploading a copy at 1900×550.
    http://www.gulfwebservices.com/wordpress/wp-content/uploads/2013/04/header_photo_cropped.jpg

    Same thing happened. My photo is automatically cropped down to 1440×500 and it looks horrible. Even when I give it more height, it is still not displaying the photo correctly. Any suggestions?

    Takashi Irie

    @iamtakashi

    Theme Wrangler at Automattic

    As you can see Line 66 in functions.php, The theme will crop the featured image in 1440×500.

    You can change the height value to suit your preference. After that regenerate thumbnails with this plugin. So that already uploaded images cropped with the new size.

    One thing to note though. Since the theme scales proportionally the featured image to fit the width of the browser screen, the height of the image will be vary depending on viewers’ screen size. If you change the browser width, you’ll see what I mean.

    Hope it helps!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] Header NOT showing full screen image’ is closed to new replies.