Overlap elements

Hi there,
I want to create an effect of div over div like shown in the image. I've used negative top margin to do this in other projects but it doesn't work here.
Could you help me doing this?
Thanks

The dev site is this: http://www.tuherenciafacil.com/web/  
and here you can see the overlapping design:

Comments

  • Hello,
    You're using the WPBakery to negative margin - there is an option "move up" in the Muffin Builder which works fine, but as I assume, you don't want to use it.
    So, for now, I suggest to disable all of the plugins, clear the cache of your browser and check, if the issue still exists (of course, leave the WPBakery turned on).

    Also, to be honest, you should contact the WPBakery support for the quickest solution, but we'll try to help you too.
    Thanks
  • edited September 2019

    Hi Pablo,

    Ok, I've done that.
    I'm testing adding  "display: table-header-group" to the background div, it now overlaps but there are other format issues (lost padding, row not full width)

    Maybe you can find a better way to achieve this. I'm sure that will be a simple solution,

    WPbakery doesn't provide support if you don't have a purchased license.

    Thanks for giving a hand with this.

  • Ok, I think I've found a workaround using an element within the same father div instead overlapping differents divs of the same level.  
    A little bit tricky but it works.
    Thanks
  • Glad to hear that you found it.

    I found another way to do that:
    Add the custom css code (or class) to that wrap
    the overflow:unset css should make the job (as on screenshot)

    Thanks
  • Perfect! Thank you for your support Pablo 
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.