[Support request] Image aligned to side of page.

[Brandi]

I am trying to create something like https://demos.churchthemes.com/jubilee/ with the city image going off the side of the page.

I have tried using the new GenerateBlocks with a full-width container as well as the columns block but can’t get an image to go all the way to the side.

Can someone point me in the right direction?

Thanks!

[David]

Hi there,

it would require some custom CSS to do that.
If you want to follow these steps and then provide me a link to that page i can assist with the CSS:

1. Set the Page Builder Container to Full Width:
https://docs.generatepress.com/article/page-builder-container/
2. Add a Container Block, set Container: Full Width and Inner: contained
3. Inside add a Grid Block with 2 Grid Items.
4. Add content to left grid item and image to right grid item.
5. Now select the Parent Grid Block and in the Advanced > Additional CSS Class filed add:
breakout-block
6. Now select the right hand Grid Item block and give that a CSS Class of: breakout-right

let us know 🙂

[Author]

Posts