[Support request] Title within header but below featured image

[Marjon Tas]

Hi,

I try to achieve something like this: http://www.snelherstel.nu/voeding

The pagetitle and breadcrum is below the feautured image but within the page-header. I use elements and generatepress add ons.

Thanks for helping,

Best regards,
Marjon

[David]

Hi there,

you would need to add some HTML to the Header Element and then some CSS. Start with this HTML:

<div class="hero-conent">
    <div class="grid-container">
        <h1>{{post_title}}</h1>
        <!-- Add the Breadcrumb shortcode here -->
    </div>
</div>

Then you can give it some style:

.hero-content {
    background-color: #fff;
    padding: 10px 0;
}

In the Header Element you need to set it to full width and the inner container full width and only apply top padding to increase the height.

[Author]

Posts