• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Essence Pro – featured image not appearing as Post header

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Essence Pro – featured image not appearing as Post header

This topic is: resolved

Tagged: Essence Pro, featured image, single post

  • This topic has 8 replies, 2 voices, and was last updated 3 years, 1 month ago by Brad Dalton.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • April 10, 2019 at 1:36 pm #490589
    mtibesar
    Participant

    Hello,

    The featured image assigned to each Post does not appear when opening up the Post.

    The featured images do appear on the main blog page though.

    How do I get the Post featured image to appear when opening up the post (versus the homepage image) please?

    https://www.veteransstatebenefits.com/book/veterans-state-benefits-texas/
    April 11, 2019 at 1:53 am #490594
    Brad Dalton
    Participant

    This may help


    2700 Genesis Tutorials

    April 11, 2019 at 8:23 am #490605
    mtibesar
    Participant

    Hi Brad and thank you for trying.

    The code worked, however, it's not what is needed. Please refer to this URL to see the results:

    our second book

    The code does place the featured image just above the content however, Essence Pro has this large hero image at the very top of the Post. The featured image should go to the very top of the Post.

    I don't understand the StudioPress theme developer's logic here. Why can't you set a featured image on a Post or a Page and have it override the homepage image that is being forced upon all the Posts and Pages? Are you listening StudioPress?

    The Essence Pro behavior is such that whatever image is placed on the homepage it is repeated on ALL pages and ALL posts. Great! But what if you need to have different images on some of the pages and posts???

    April 11, 2019 at 8:25 am #490606
    mtibesar
    Participant

    April 11, 2019 at 10:40 am #490610
    Brad Dalton
    Participant

    Sorry, i misunderstood. Did you want to replace the header hero image on single posts with the featured image? Or something else?


    2700 Genesis Tutorials

    April 11, 2019 at 10:43 am #490611
    mtibesar
    Participant

    Yes please Brad. Thank you very much!

    April 11, 2019 at 11:30 pm #490618
    Brad Dalton
    Participant

    Thats what it does by default based on my testing.


    2700 Genesis Tutorials

    April 12, 2019 at 12:58 am #490620
    mtibesar
    Participant

    You are correct Brad. I inadvertently caused this problem.

    I discovered that when I added css to the Custom CSS to lighten the opacity of the homepage header (which is very dark) this code then apparently overrides all the featured images on the posts and pages. When I remove this code all the featured images now appear.

    /* Lighten the opacity of the header */
    .header-hero {
        background-image: linear-gradient(0deg, rgba(0,0,0,0.25) 100%, rgba(0,0,0,0.85) 100%), url(https://www.veteransstatebenefits.com/wp-content/uploads/2019/04/cropped-bigstock-Touching-Us-Army-Soldier-Reuni-237306892-3.jpg);
    }

    So the real problem now is,, how do I significantly lighten the opacity that is applied to the homepage's hero image only?

    April 12, 2019 at 1:10 am #490621
    Brad Dalton
    Participant

    Start a new topic for this question.

    You can target the front page using the .front-page class.


    2700 Genesis Tutorials

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Essence Pro – featured image not appearing as Post header’ is closed to new replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2022 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble