[Support request] Adding a section divider after page header

[madmanweb]

Hello.

I have added a hero section using the “Header” element for my site.

https://wordpress-151076-1525902.cloudwaysapps.com/

It’s set to a fixed height of 500px.

Now I want to add a section divider like the ones shown here:
https://wweb.dev/resources/css-separator-generator

But they all require an additional HTML element after the header, and I don’t see a way of adding that. I tried adding another header but that didn’t display at all.

Any tips?

[David]

Hi there,

is the header element background image the same for all your posts ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[madmanweb]

Yep, same on all pages.

[David]

The simplest option would be to use the latest version of the GenerateBlocks plugin:

https://generateblocks.com/generateblocks-1-2-0/

Then replace the Header Element with a Block Element.

The GB 1.2 Container Block, to which you can add a background image also includes Shape Dividers.

If not it will require a bit of HTML and CSS to do that.
Let me know.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts