Site logo

[Resolved] Background image container stick to the right and bottom edge of the parent cont

Home Forums Support [Resolved] Background image container stick to the right and bottom edge of the parent cont

Home Forums Support Background image container stick to the right and bottom edge of the parent cont

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #2485339
    Adrien

    Dear GP team,

    How can I have this background image container stick to the right and bottom edge of the parent container (which is my hero banner).

    Here’s a screenshot:
    https://tinyurl.com/2my6w45g

    Thank you for your help.

    #2485349
    Fernando
    Customer Support

    Hi Adrien,

    Can you try adding this through Appearance > Customize > Additional CSS:

    .gb-container.gb-container-bf201702 > .gb-inside-container {
        position: static;
    }
    
    .gb-container.gb-container-38879722.before {
        right: 0;
        top: unset;
        left: unset;
        bottom: 0;
        transform: translateY(-30%);
    }
    
    .gb-grid-column.gb-grid-column-79659f15 {
        z-index: 999999;
    }
    #2485407
    Adrien

    Thank you Fernando. If you check the URL, it’s not sticking to the right but not more to the bottom.
    Also something happened with the z index.

    #2485433
    Fernando
    Customer Support

    What does it look like from your end? Can you share another screenshot?

    I had to change the z-index. The structure of your Page Hero makes it hard to position the “Laptop” image.

    What you can do is set the inner Container Width of the Parent Container to Full.

    Then, add the image to another new Container under the Parent Container Block.

    After doing that, create another Container Block under the Parent Container Block for the text. This is the one you can set the Container width to.

    This should be structure should be easier to modify for the structure you’re going for.

    #2486127
    Adrien

    It looks like that. I have enclosed the URL link to my mess.

    #2486209
    Adrien

    Closing this ticket and opening another ticket.

    #2488276
    Fernando
    Customer Support

    Alright! 🙂

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