Archived topic
Background image container stick to the right and bottom edge of the parent cont
6 replies · Started by Adrien on January 5, 2023
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.
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;
}
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.
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.
It looks like that. I have enclosed the URL link to my mess.
Closing this ticket and opening another ticket.
Alright! :)