How to create this block?

Hi there,

you could build something similar using the GenerateBlocks plugin:

https://wordpress.org/plugins/generateblocks/

It provides 4 blocks, Container, Grid, Headline ( for advanced typography and icons ) and a Buttons block.

Thanks

1. We have several videos on YouTube:

https://www.youtube.com/channel/UC6qhGBk96asTcTWW42-yT2Q

And Mike Oliver our resident designer has created some videos including this one specifically for creating Grids:

https://www.youtube.com/watch?v=VdfEj73i_kk

2. To fill the width of the container you will need to upload an image that is 1500px wide.

3. in Customizer > Layout > Container - increase your Left and Right Padding. The Merch Site uses large padding ie. 64px left and right.

Alternatively you can reduce the Customizer > Layout > Footer Padding.

If you have any new questions, please raise a new Topic for each question - it will make it easier for you to track in the future.

Ok

If you're trying to replicate an old site then i would suggest starting from scratch and not importing a site, as this will add functions, features and CSS that does not match your original design.

It would be easier to start with a blank page.
For your home page i would set the Content Container to Full Width:

https://docs.generatepress.com/article/content-container/

Then build your page with the GenerateBlocks plugin, this will allow you to have full width backgrounds/containers where you need them. Just treat each section of the page as a separate Container Block.

Ok. Got it.

So, ideally I should delete my staging site and then again restart my work on a fresh staging site?

Yes - sometimes it is best to start on fresh site :)

Thank You. Mike's video is also helpful.

You're welcome - ill mark this Topic as Resolved. If you need any further assistance raise a new topic.

You can access your old topics, by clicking the Forum Profile button at the top of the support forum ( to the right of the sidebar ) :)