Archived topic
Custom Divider in Header Element
5 replies · Started by troyw on September 12, 2021
Hi team,
I am trying to create a custom divider to sit between the all the Header Elements and Content Elements. Correct me if I am wrong, but I don't think this is possible using the actual Header Element itself, so would need to be done using a different Element type. Just not sure which one to use?
Or maybe a snippet of code would do the job?
If you see my Home Page Slider, you will see what I am trying to get and I will leave a link below to the image I have created as a divider.
Thanks,
Hi there,
I'm not sure I understand how you want the divider to be applied.
Any chance you can provide a mockup image?
If you want a Page Hero with this divider, you can create one using a Block Element - Page Hero instead of a Header Element.
You then create the actual page hero using GB's Container Block. GB's container block has a "shapes" option which serves as a divider. You can put this shape media there, although I suggest using SVG for performance and scalability.
Hey,
I have tried to do this, but how do I add my SVG? I can select one of your preset shapes, but cannot add my own?
What would be ideal is for this to be placed on ALL pages, posts and archives except for the home page.
Thanks
I have tried to do this, but how do I add my SVG? I can select one of your preset shapes, but cannot add my own?
Go to Dashboard > GenerateBlocks > Asset Library. You can upload custom Shapes and SVGs ( for icons ) to create your own custom list of shapes / icons.
But if I remember it right, I think this option is for GB Pro users. If it doesn't appear for you, you may have to get the Pro version. :)
Hey Elvin,
I purchased Generate Blocks Pro and it is awesome. Thanks for the heads up. Love that I can convert everything to SVG now, just got to find the time apply it to my other websites. Anyway, thanks for that.
So I have created a Block Page Hero and assigned it to all pages (except the Home Page) and it works perfectly. Hopefully this is the best way to do this, as it seems to work well.
Thanks
Nice one. Glad you liked the purchase.
It's about to get more features to so watch out for that as well. (Accordion, post grids, etc)
