Tagged: overlapping content
Hello, on many websites I see that content seems to overlap each other slightly, look for example at https://www.skineffects.nl/, image
How can you attain this in Enfold?
Hey,
Thanks for contacting us!
Please edit your column elements and give them a negative top margin :)
Regards,
Yigit
Hi Yigit,
thanks for your quick reply.
I tried to achieve this, but didn’t quite manage. For example: when I added a content section with 25% of screen height, filled with a certain background colour, and I configurated the content section below that with a negative padddin of 15%, I would expect the content to be on top of the content section. with 25% screen height, However, it seems more as it is overruling the entire content section, rather than being ‘on top of it’. Could you tell me a step by step approach on how to achieve the 3th content section on https://bloyinstitute.com/, where the black is being overlapped by the 4th content section (and do I see a drop-shadow there?)
Hi,
Sorry for the late reply, thanks for the link to your page but it looks like it was created with the WPBakery plugin so I can’t explain step-by-step, but typically you would try different values until you were satisfied. So 15% is not enough, but 25% is too much, correct?
Please also note that lower sections are typically on top unless you change their z-index.
Best regards,
Mike