Overlaying / overlapping content on your site

This article refers to a previous version of the Duda Responsive Website Builder. Click here for help content on the current Duda editor.

Overview

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;

  1. Create a new row 
  2. Set a background for that row
  3. Add your content. This can be text, images or a contact form
  4. Done! You've now overlayed content over an image.

For more information on editing rows, click here. 

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.

 

×

Priority Phone Support

English phone support is available 18 hours a day,
Monday through Friday, 3am to 9pm (EST).

United States +1 866-776-1550 3am to 9pm (Eastern)
United Kingdom +44 (0)800-011-9071 8am to 2am (London)
France +33 (0)9-75-18-84-74 9am to 3am (Paris)
Israel +972 (0)3-720-8922 10am to 4am (Jerusalem)
Australia +61 (0)2-8880-9166 7pm to 1pm (Sydney)
To schedule a call in French, Portuguese, Hebrew or Russian, please email us at prioritysupport@dudamobile.com
×

Please Log in as a DudaPro

Priority Phone Support is available exclusively to DudaPros. Log in to your DudaPro account now to see our international support numbers.

Log In
Not a DudaPro? Start a free trial now!