Overlap elements

diggeridoo

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:

https://www.dropbox.com/s/wt9h6hiyd2wi3u1/overlap.png?dl=0

Pablo

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

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

diggeridoo

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.

diggeridoo

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

Pablo

Glad to hear that you found it.

I found another way to do that:

Add the custom css code (or class) to that wrap

http://prntscr.com/p49gcc

the overflow:unset css should make the job (as on screenshot)

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

diggeridoo

Perfect! Thank you for your support Pablo