Overlapping content is being able to put content or elements directly on top of one another. There isn't a way to do this directly by drag and dropping, but you can read some of the methods for achieving this effect in Duda's editor.
Overlapping content by using background images
The most reliable method of overlapping content in Duda is to take advantage of background feature to lay an image behind text or other images. To do this;
- Create a new row
- Set a background for that row
- Add your content. This can be text, images or a contact form
- Done! You've now overlayed content over an image.
Overlapping text and images by using the image slider
The image slider by default lets you place text over images. Read more about this feature here.
Overlapping text and images by using the image gallery
The image gallery has an option for allowing you to place text over images. Read more about this element here.
Overlapping content by using margins
You can also overlap content by using a trick called "negative margins". Simply set a negative margin for the element you want to overlap and it'll move that element over another element. For more information about margins, see here.
Overlapping content by using CSS
You can also overlap content by using CSS. For more information about developer mode, see here.