This help center supports the Legacy platform Dudamobile. As of April 1st, 2019 new sites cannot be created, existing sites will remain live with the same functionality and editor access.

Email support and phone support (for Duda customers on Team plans and above) will be available until September 30th, 2019. Self service customer support will remain.

It’s a Great Time to Go Responsive! - Responsive design is the best way to create engaging online experiences on today’s web. With that in mind, we encourage you to take this as an opportunity to replace your old desktop-only websites and their mobile friendly counterparts with new responsive sites that will work seamlessly across desktop, tablet and mobile.

Duda Mobile Help

Add Photo Gallery to Mobile Website

Overview

Got lots of photos to share with your site visitors?  Put your photos into a gallery which automatically generates and displays thumbnails of your images.

Please note that the images in photo galleries do not auto-sync when the desktop site is changed.

Add Photo Gallery

  1. From the pages section of the DudaMobile editor, first choose the page you'd like your photo gallery to display on.
  2. Go to the Content section and select the design tab.
  3. Drag the photo gallery feature into the editing frame.
  4. Once you've placed the feature, you'll need to designate a set of images to display.

Select Images

The photo gallery feature can draw images from a number of sources as indicated by the tabs when you select the add image button in the image editing pane.

  • From Site: The images on this tab have been automatically copied from your desktop site.
  • Facebook: The images on this tab have been automatically copied from your facebook page.
  • Gallery: These images are generic images we've collected for anyone to use.
  • Uploaded: These images have been uploaded by you; you can upload additional images by pressing the Upload button. We support PNG, JPG, and GIF filenames.
  • By URL: You can link directly to any image on the internet by using this feature. Simply right-click an image and select copy image URL in your browser. Some images may be copyrighted or have copy protection, and so will not display or will display differently here.

Design

Each Photo Gallery element has the following display options:

 

General

Change the title's text and color, add new images, delete images, crop images or add alternate text to images by hovering over each individual image and pressing the appropriate button.

Design

Thumbnails:

  • Layout: Change the Photo Gallery's layout and visible rows, and toggle whether thumbnails have padding between them.
  • Border: Change the gallery thumbnail's border color and size.
  • Shape: Change the gallery thumbnail's shape and toggle whether they have shadows.

Title: Set the gallery's background color and text style as well as the color and border size of its divider.

Background

Color: Change the gallery's background color, image, and border.

Text Style: Change the gallery's shape and toggle whether it has a shadow.

More

Spacing: Set the height and margin of the element.

CSS: Change the element's CSS.

HTML: Change the element's HTML.

 

×

Please Log in as a Pro

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

Log In
Not a Pro? Purchase a Pro plan!