Archived topic

Can this be done with Generate Press?

5 replies · Started by Oisin on May 13, 2020

Viewing posts 1–6 of 6

May 13, 2020 at 2:26 pm #1283242

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.

May 13, 2020 at 2:33 pm #1283245

Hi there,

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

May 14, 2020 at 11:27 am #1284705

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.

May 14, 2020 at 11:45 am #1284719

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

It's using:

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

May 14, 2020 at 11:51 am #1284730

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

May 14, 2020 at 11:54 am #1284736

No problem :)

This archived topic is closed to new replies.

Start building better websites today.