Site logo

[Resolved] Negative Margin Help

Home Forums Support [Resolved] Negative Margin Help

Home Forums Support Negative Margin Help

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

    #2298465
    Leo
    Staff
    Customer Support

    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 🙂

    #2300054
    Kevin

    Thanks, I submitted private info with the link.

    #2300268
    Fernando
    Customer Support

    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;
    }
    #2300624
    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.

    #2300654
    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.

    #2301079
    Ying
    Staff
    Customer Support

    Glad that you’ve figured it out 🙂

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