• 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

Change Height of Featured Image in Header in Essence PRO

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 › Change Height of Featured Image in Header in Essence PRO

This topic is: not resolved

Tagged: Essence Pro, header-hero

  • This topic has 4 replies, 3 voices, and was last updated 4 years, 4 months ago by Brad Dalton.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 8, 2018 at 8:47 am #223064
    wpeters
    Member

    On inner pages, is there a way to change the image height of the featured image displayed in the header area? I like the full height on home page, but want the content to be further up the page on inner pages.

    Thanks!

    September 8, 2018 at 8:57 am #223065
    Brad Dalton
    Participant

    Link to your site please.

    There's this rule :

    .header-hero {
        background-color: #111;
        background-size: cover;
        background-position: center center;
        padding-bottom: 14vw;
    }
    

    and this you can modify in your style sheet.

    .hero-page-title {
        padding: 1vw 10px 0 180px;
        text-align: center;
    }
    

    Get Help – Book Consultation.

    September 8, 2018 at 9:37 am #223066
    wpeters
    Member

    That did the trick. Thank you!

    September 20, 2018 at 6:20 pm #223331
    LaurelOcean
    Member

    Brad, what do you mean by there is this rule? Does that also need to be added to the style sheet? I added the second bit of code to the css sheet, which worked but no my inner page headlines are not centered.

    September 20, 2018 at 6:24 pm #223332
    Brad Dalton
    Participant

    I provided a point in the right direction.

    Never said to add the 2nd code snippet.

    The 14vw and the 180px values are the ones which need modifying on your installation using your image sizes.


    Get Help – Book Consultation.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

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

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 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