Question on Mailchimp block

Cool, the Paragraph trick worked :) Looks like it also replaces it as well, which is nice since its just a workaround pretty much to define the space where you would like to paste something into.

That works, cheers!

Back to @Davids reply: Now I copy/pasted the mailchimp section and nested it under a GP container. Even using the padding top/bottom options in there wont help, the mailchimp background image is still cut off.

Here is how it looks in my editor and how it should look like:
https://www.screencast.com/t/sobnWM81P

And then how it looks on the live page at the bottom of https://montenegrotower.com/, with cut-off tops and bottoms:
https://www.screencast.com/t/YVngoBUP1wpd

So I need to find out why those DIVs are cut off, its not so much about adding more padding I believe?

Thanks
Chris

Looking at your structure, the sectionblock is not needed at all.

Instead of using Columnsblock, try using Gridblock, it has better control on everything.

Can you try this structure ?

- Container (add background image to this container, set 200px top and bottom padding)
     - Grid 
          - Container (50% in width)
                  - Headline 
                  - Headline 
                  - Headline
          - Container (50% in width)
                  - Mailchimp

Thanks! Very helpful, I slowly feel like I understand how the new Gutenberg stuff works ;) I did my first/last website 10 years ago and everything was so different haha.

So I replicated the structure now it it looks like this, much cleaner as well:
https://www.screencast.com/t/xvl2sVrtRJ

Looks good, just one thing I want to change: How can I have the image stretch to the very edge of the site and not just to the content area? Just like it does in the original setup? It looks like I cant change the color of the black small text below the big yellow text, so having it underneath the white part of the wall will help with visibility.
https://www.screencast.com/t/zYN9r54g

Thanks

How can I have the image stretch to the very edge of the site and not just to the content area?

You did a good job replicating the structure I recommended :)

The container didn't go to the edge, I think it's because the page is NOT set to full width.

So in the right side of the page editor, you should be able to see the layout metabox, set the content container to full width:
https://docs.generatepress.com/article/layout-metabox-overview/#where-is-it

Let me know if it works!

Thanks!

The Layout box is greyed out on the Page sadly, even with that option activated in the preferences.

Hi Christopher,

In the Block Settings of the Container Block holding your newsletter subscription section, can you check if the Container Block and its Inner Container is set to full width?

Example: https://share.getcloudapp.com/GGul1o2w

Kindly let us know. :)

Hi Fernando,

yes thats the case for both.

That Container was inside another Container, so i moved it outside, see here:

https://www.screencast.com/t/uAzW7hw4oNpg

Its now at the root level of the page so it extends the full width.

Ah ok great, thanks David!

Quick follow up on that David, I finished settup on that Newsletter part and would like it to appear on every website. Would the best way to be putting it into the "Page & Posts Headers" Element perhaps? I dont see a dynamic text type for footer though.

I finished settup on that Newsletter part and would like it to appear on every website

How many websites do you have? Or do you mean on every page of your website?

Ah sorry, yes I meant on every page of my new website =)

One more question, do you have a guide that walks through the entire setup of how to best set up templates and their design for blogposts?

Ah sorry, yes I meant on every page of my new website =)

If so, you can create a block element, choose hook as element type, choose hook name based on where you want it to show, copy and paste the container block to that element, so it will show on the location you set in the element.

Here's a visual guide on hooks:
https://docs.generatepress.com/article/hooks-visual-guide/

For blog posts design you can use a block element - content template, the video should help:
https://docs.generatepress.com/article/block-element-content-template/

For more videos: https://www.youtube.com/generatepress

Thanks, I see that I cant use the “Page & Posts Headers” Element because it is not a hook - makes sense. So I will create a new one for the footer hook. Cheers!

I just tried this and copied the entire HTML code of my footer container. Sadly it only shows the Text and none of the Image /CSS etc?