[Support request] Image aligned to side of page.

Home Forums Support Image aligned to side of page.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1187154
    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!

    #1187245
    David
    Staff
    Customer Support

    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 🙂

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.