Archived topic
Image aligned to side of page.
1 reply · Started by Brandi on March 6, 2020
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!
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 :)
