< All Topics
Print

Photos

The Photo module can be used to add an image to a page. Background images are a little different, but can be changed by going to the column or area you want to edit and selecting the Wrench icon. Scroll down the page to where the Background Photo is listed.

Example

Here is an example of a Photo module:

Adding a Photo & Step-By-Step Instructions

  1. You can add a Photo by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –  
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Click the + Symbol in the upper right hand corner.  
  3. Under the Modules tab (with Standard Modules selected), scroll down to view the Photo module.
  4. Select the Photo module and drag it onto the page where you want to add it. 
  5. Release the mouse to place the Photo module. Your photo module may be blank because you haven’t added a photo yet.
  6. Under the General tab, you can change the Photo Source, the photo, Caption & Link.
  7. Under the Styles tab, you can Crop the photo to a specific format (landscape, panorama, portrait, square, or circle), set a specific Width (for each device size), change the Alignment and set Border styles.
  8. Under the Advanced tab, you can set additional Spacing, Visibility, Animation and HTML elements. 
  9. If you’re finished, click the blue Done button in the upper right hand corner of the website.
  10. Select Publish to make your changes public. 

Editing Photos

  1. You can edit a Photo by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –   
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Photo you want to edit. A blue or orange box should appear around the module.
  3. Click on the Wrench icon or anywhere inside the blue outline to make your changes.
  4. Click the blue Done button in the upper right hand corner of the website.
  5. Select Publish to make your changes public. 

Duplicating Photos

  1. You can duplicate a Photo by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –    
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Photo. A blue or orange box should appear around the module.
  3. Click the Duplicate icon at the top left of the module as shown below:

Deleting Photos

  1. You can delete a Photo by first navigating to the page you want. 

    Option A: Select Launch Page Designer from the Page admin (when viewing the admin side of the website). – OR –    
    Option B: Select Page Designer from the top navigation bar (when viewing the public-facing page)
  2. Hover over the Photo you want to edit. A blue or orange box should appear around the module.
  3. Click the X icon to delete.
  4. When the dialog box appears, click OK.

Contact Support

Reach out to us at (503) 999-5740 or support@puremediainc.com to learn more.

Previous Number Counter
Next Responsive Sizing
Table of Contents