Make image overlap

Hello guys,

I’m trying to figure out how to make the attached image go outside the div.

I tried enabling the setting Disable “overflow:hidden;” on the parent div but then the div gets full size.

Please help

Regards,
Adrian

Hello,

Please elaborate with the help of some relevant screenshots of the specific areas with the URL of the page where you added the image to check it myself and help you out accordingly.

Regards.
Xtemos Studios.

Sure,

if you go to the provided private link , and you scroll down you will see a section with a phone mock up ( Además con nuestra app podrás ver las pistas en realidad ).

I added a negative margin to the image of the phone mock up but instead of showing it gets cropped by the div.

I have attached an image on how it should look like

Let me know

Thanks,
Adrian

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

The overlap column works for the row that is inside the row. This means that you need to have the row inside the other row then the content will overlap.

Screenshot for Clarification: https://ibb.co/yyGpHY8

You can also check the following link for help:
https://kb.wpbakery.com/docs/wpbakery-page-builder-how-tos/how-to-insert-inner-row/

Regards.
Xtemos Studios.

Hi there,

Thank you, unfortunately still not working….

I have attached the login details so you can do it.

Let me know

Regards,
Adrian

Hello,

I have logged into your website. You have created a new row outside the row that’s why it is not working.

Please edit the page and add the inner row in the above row then it will work.

Screenshot for Clarification: https://ibb.co/gZYMqS1

Regards.
Xtemos Studios.

Hello,

Yes I did, because the gallery row has a black background and the phone mock up has a parallax image background.

If I add the gallery row inside the below row, it will then have the parallax background which I don’t want….

Can you please make the changes instead of sending me screenshots, I can’t figure out how to do it..

Thanks,
Adrian 🙂

Hello,

Sorry but this is how it works this is the default behaviour of the Wp-Bakery rows that to overlap the content it should be in two rows and our theme doesn’t influence.

And the woodmart default feature is not working because of the parallax you added when the overflow hidden disable option is enabled then the parallax background also overlaps the above row.

You can try removing the background image as parallax and just add the image as a simple background of the row and then check back.

Regards.

[Author]

Posts