[Resolved] pageheader on (single) blog page

[Jasper]

I have 2 questions about the pageheader in a blog:

– how would i get on the single blog page the same header as the blog page?
– how would i make this header full width for both blog and single blog page?

http://www.hands2happiness.nl/nieuws/

[Tom]

Hi there,

1. Do you want the exact same page header for ALL single posts?

2. This feature is coming in the rebuild. For now, you can do this:

.page-header-image.grid-container {
    max-width: 100%;
}

.page-header-image img {
    width: 100%;
}

[Jasper]

1. yes

2. thanks

[Jasper]

1. if possible also for the blog archive pages?

[Tom]

You’d have to use GP Hooks in the “After Header” hook.

Something like:

<?php if ( is_single() || is_archive() ) : ?>
    <div class="page-header-image grid-container grid-parent generate-page-header">
        <img src="URL TO YOUR IMAGE" alt="" />
    </div>
<?php endif; ?>

Then check the “Execute PHP” checkbox.

[Jasper]

Thanks again, I guess i can post the site in the showcase topic now!

[Tom]

You’re welcome 🙂

[Author]

Posts