How to get the Featured Image appear in the Header

  • Author
    Posts
  • #50349

    Hello,

    How to get the Featured Image of a post appear on the top, in the header space, when you view the post? See the sample here: http://demos.cryoutcreations.eu/wordpress/anima/post-types/standard-post/
    but on my blog it does not show:
    http://108.iblogger.org/putin-interviews-oliver-stone/

    Thanks

    Marek

    Website: 108.iblogger.org

    #50355

    OK, I got it working, sort of… tested with a very wide image, 1200 px wide, and then it shows up on the top of the post like here: http://108.iblogger.org/test/

    So here is my request for future updates:
    To make it possible to have the Featured Image appear on the top of the Post even if it’s smaller size, like 500px

    Thanks

    Marek

    Website: 108.iblogger.org

    #50436
    Zed
    Cryout Creations mastermind

    The theme enforces the header image width to be at least 75% of the total site width for the image to appear in the header (when the theme option for it is enabled). Displaying smaller image results in a questionable look.


    If you like our creations, help us share by rating them on WordPress.org.
    Please check the available documentation and search the forums before starting a topic.
    #53172
    verbaljam
    Power User

    For the featured image to appear above a post, it needs to be 1920×420 pixels. You can crop pictures in that format, but most of the time you end up with just a very small portion of the photo. Not very suitable. So I made an empty picture of 1920×420 that I use as a template (did that in Photoshop Elements). Then I take the image I actually want to use, scale it down to 420 pixels height (the height of the header) and copy and paste it in the template picture. Save the template picture under another name (then you can use the template again later).
    Make the new picture the Featured image of your post and it will appear above it. It’s not a ‘full width’ illustration, but at least you have the featured image above your article.
    Don’t forget to save the jpg image in a lower quality resolution, otherwise you end up with pictures that are to heavy for a website.
    Example: https://arnoudhugo.nl/2009/05/23/2009-een-iets-te-ver-doorgebogen-baby/

    Website: arnoudhugo.nl

    #53208

    Thanks Arnoud,

    That’s a good solution. I’m traveling now but in 10 days I’ll be back home and try it out.

    Marek

    Website: 108.iblogger.org

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘How to get the Featured Image appear in the Header’ is closed to new replies.