[Resolved] Can this be done with Generate Press?

[Oisin]

Hi guys,

I saw a blog article and really liked the way hero image area layout. Can it be done with Generate Press? I also have GenerateBlocks.

I want the top block to contain the H1 and author info.

Then an overlapping container with an image. And then the main body of text. I just wanted to check to see if this would be easy to achieve before spending hours at it.

Thanks,

Oisín.

[Leo]

Hi there,

It can be done with the header element module:
https://docs.generatepress.com/article/page-hero-examples/#example-2

[Oisin]

Thanks Leo,

And then is the smaller image container that overlaps both the header and the body possible? Is this using negative margin or is it something else?

Kind regards,

Oisín.

[Leo]

Yup negaitve margin like Mellow:
http://gpsites.co/mellow/

It’s using:

@media (min-width: 769px) {
    .page-hero + #page {
        margin-top: -100px;
    }
}

[Oisin]

Cool, thanks for the info. I might give it a try with GenerateBlocks

[Leo]

No problem 🙂

[Author]

Posts