Use demo SVG section dividers in footer

[Lobsterass]

Hi!

I’m using your svg section dividers in the bottom of this page but I would prefer them to be part of my global footer instead, so that they are present on all pages. How do I put that content into the footer?

<3

[ruenel]

Hello @Lobsterass,

Thanks for writing in! With what you have in mind, we recommend that you go to Pro > Global Blocks. Create a custom block that has the SVG section and design your footer as well. Save your changes. Now, go to Pro > Footers and create a custom footer. Insert a bar, container, and the global block element. This will serve as your global footer. For more details about the Footer builder, kindly check this out: https://theme.co/docs/header-footer-overview

Please let us know how it goes.

[Lobsterass]

Hi! Thanx. I’ve created global blocks and applied them in my custom footer. They don’t show up visually when published front-end. Do you know why?

[prakash_s]

Hi @Lobsterass,

Thanks for writing to us.

The Global block not showing as it doesn’t take full width.
Please edit the Global Block -> customize -> Element Css and add this code here to make the Global block fullwidth.

$el{width:100%;}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector

Hope it helps.
Thanks

[Lobsterass]

That worked! Thanx!

<3

[marc_a]

Hi @Lobsterass,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.