Layout displaying issue with page builder container in gp footer hook(s)

[Patrick]

Hi there,

I’ve been using your theme/plugin over 3 years now – and all works very well (I love it)!

But for now I have a question, which I didn’t get solved.

I use WPBakery Pagebuilder to create the whole page and hook my “VC Layout Snippets” in all the template places.
All works perfectly and I think I understand all the points with that 🙂

But when I use my “VC Layout Snippets” hooked in the footer (I tried all the footer hooks), the layout always goes full-width (so my page builder settings seem not to be recognized)!

There must be any difference between header-hooks and footer-hooks with that?!?

Can you please help me with that!
Thanks!

PS: Where can I put a little screen-snapshot for you to see what I mean?

[Tom]

Hi there,

Which hooks are you using for the header and footer?

You can upload a screenshot to your media library and share the URL in here, or use a service like https://postimages.org/.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Patrick]

Hi Tom,
thanks for your fast reply!
Like I said, I tried ALL existing header and footer hooks.
In all Header hooks it works as expected.
But in ALL footer hooks it goes full-width!
Really strange for me …
Now I try to upload a screenshot like you told.
Thanks …

[Patrick]

… and here is the link to the screenshot!

https://i.postimg.cc/tJrktyX4/gp-footer-issue-with-pagebuilder-container.png

[Leo]

Any chance you can link us to the page in question?

Which hook is that added in currently?

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

[Patrick]

Hi Leo,
I‘ve put some text to the image with this info. (actually used hooks).
Please look there …

The (new) site is actual in maintenance mode.
I will try to give you a link later the day …

Thanks

[Patrick]

Hi Leo,

me again.

Where can I give you the credentials for our Site.

Since our (new developing) site is under maintenance mode, you have to login under /wp-admin …
After login please look for example on frontpage.

[David]

Hi there,

please URL, Login details and the URL of this topic via the Account Issue form:

https://generatepress.com/contact/

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

[Patrick]

Hi there,
still any ideas with this?
Please help me …

[David]

The element you have added to the after_footer hook has several full width attributes added to it by the Page Builder. Can those options be disabled ?

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

[Patrick]

Yes of course its possible, but it’s the “normal way” in (wpbakery) pager builder to have full width background “container” (not content).
The point who is strange for me, is that my process works perfectly and reproducible in all hooks except footer hooks!?
How can I assist you?

[David]

Footer hooks like a few others are outside of the Page container so they are always 100% full width – see here:

https://docs.generatepress.com/article/hooks-visual-guide/

I am not sure how WP Bakery works but you simply need a Container for the background and the inner container to have a max-width to match content.

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

[Patrick]

Ah Ok I see – there must be something like this …
Thanks for explaining (I got stupid with that)!
Is there any/some disadvantage when I hide/disable footer (gp footer bar, footer widgets) completely and put my “custom page builder footer” in a hook somewhere at the end of the content?
So I wouldn’t have my actual width issue …

[David]

I can’t see any issues with you removing the Footer and adding your own. Aside from maybe the Back to Top button relies on GP Footer.

In the Hooks if you select Footer it will provide an option for you to remove the GP Footer.

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

[Patrick]

Thanks David that worked for me!
I’ve left the footer bar only (and set footer-widgets to 0), to keep the back-to-top-button …
Then hooked my page builder footer under after_content hook.
Very Good Support 🙂

[Author]

Posts