In some cases, you want an image to overlap/overlay two rows within Visual Composer layout. Meaning, the image should be “placed” on two different backgrounds. To achieve it, follow these simple steps:
- Add two rows and set their properties (ex. define background colors via Design Options);
- Add Single Image element to the second row;
- Open Single Image Design Options;
- In Design Options, set a top margin with negative value (ex. -100).
Note: It is possible to control margin values through various devices by selecting ‘Custom’ under ‘Device types’.