• 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

Full width image behind entry 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 › Full width image behind entry header

This topic is: resolved

Tagged: Altitude Pro, entry-header, full width image

  • This topic has 5 replies, 2 voices, and was last updated 7 years, 10 months ago by CowgirlRed.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 2, 2017 at 12:00 pm #208593
    CowgirlRed
    Participant

    I've spent the last 30 minutes searching the forums, and while this topic has been touched on quite a bit, I couldn't find a solution that would fit my needs.

    I'm working on Altitude at this site: http://barnwoodmedia.com/about/

    How do I get a full-width image (or color block as currently displayed) behind the entry header/page title?

    There must be a limiting factor somewhere that won't allow me to extend to the edges of the viewport, but I'm unable to find it. I've moved the entry header outside the content area, but it's still within site-inner. I thought I'd be able to make it full width with CSS, but it's not happening.

    Thanks,
    Erica

    July 2, 2017 at 12:41 pm #208595
    Brad Dalton
    Participant

    You could reposition the entry header to a full width hook like genesis_after_header

    Sample code you can modify

    You can use the code in a single.php file or functions file with conditional tag.


    Tutorials for StudioPress Themes.

    July 2, 2017 at 1:55 pm #208597
    CowgirlRed
    Participant

    Thanks Brad.

    I modified the code to this:

    //* Reposition Entry Header
    add_action( 'get_header', 'reposition_single_entry_header' );
    function reposition_single_entry_header() {
    if ( is_singular('page') ) :
    remove_action( 'genesis_entry_header', 'genesis_do_page_title' );
    remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_open', 5 );
    remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_close', 15 );
    add_action( 'genesis_after_header', 'genesis_entry_header_markup_open', 5 );
    add_action( 'genesis_after_header', 'genesis_do_page_title' );
    add_action( 'genesis_after_header', 'genesis_entry_header_markup_close', 15 );
    endif;
    }

    It moved the entry-header to below the site header which is fine, but the page title didn't move with it.

    I can get it up there with CSS but it's pretty hacky and doesn't translate to mobile.

    Any suggestions on how to get the entry-title to move and display with the entry-header?

    Thanks again.

    July 2, 2017 at 2:13 pm #208598
    CowgirlRed
    Participant

    I fiddled with it some more and got it squared away. I shouldn't have changed post to page in the action lines. The title was there, just under the site header. I added some padding to push it down.

    Thanks so much for your help!

    July 2, 2017 at 2:14 pm #208599
    Brad Dalton
    Participant

    Yes, don't modify the hooks, use the ones i linked to.

    Also use the following conditional tag.

    if ( is_page('about') ) :

    Tutorials for StudioPress Themes.

    July 2, 2017 at 2:21 pm #208600
    CowgirlRed
    Participant

    Right now I want it on all pages which is how it is currently, but good to know that I can target individual pages in the future if need be. Thanks again for your help. It's greatly appreciated!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 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

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