[Resolved] Negative Margin Help

[Kevin]

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

[Leo]

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 🙂

[Kevin]

Thanks, I submitted private info with the link.

[Fernando]

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;
}

[Kevin]

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.

[Kevin]

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.

[Ying]

Glad that you’ve figured it out 🙂

[Author]

Posts