Archived topic
Negative Margin Help
6 replies · Started by Kevin on July 30, 2022
I have a container and a 2 column grid inside. I am trying to get the inside container to overlap the parent container. Right now it will not go outside the parent.
I have played with the z-index without any luck. The screenshot shows the setup. Number 1 is the container I want to overlap with number 2. You can see how the red box is under the parent instead of overlapping. Any ideas?
https://ibb.co/v1SFVbN
Hi there,
Any chance you can link us to the page in question?
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Thanks, I submitted private info with the link.
Hi Kevin,
You can try this CSS:
.gb-container.gb-container-72bb65b6 {
overflow: unset;
}Or, you can add a class like, show-overflow to its class list, and use this CSS instead:
.gb-container.show-overflow {
overflow: unset;
}Unfortunately, that did not work. I add the show-overflow in the Additional CSS class(es) in advanced to the container. THen in the customizer, additional css I added the snippet.
I figured out the issue. On the main container, I had a background image set to pseudo element. I changed it to self and now overflow is working. I don't know much about pseudo so not sure why that affects it. But all is good now.
Glad that you've figured it out :)
