Archived topic

Title within header but below featured image

1 reply · Started by Marjon Tas on October 15, 2019

Viewing posts 1–2 of 2

October 15, 2019 at 4:48 am #1035069

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

October 15, 2019 at 7:17 am #1035152

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.

This archived topic is closed to new replies.

Start building better websites today.