---
title: "Photo story pages"
canonical_url: https://support.digitalphotogallery.com/articles/article/6251f08e-4a18-11e6-801b-7678d470c6e0
short_url: https://dpg.support/arxz
category: "Websites > Templates > System Templates > Series 2 > Modern Narrative"
locale: en
updated_at: 2019-10-03T14:03:09Z
source: Digital Photo Gallery Support
---

# Photo story pages

Photo Story is a page type which allows you to easily change the size and layout of images by using star ratings. This makes them versatile for dynamic photo narratives, one page portfolios and showstopping galleries.

### Overview
The order of images is controlled by their order in the set. The size of the images is controlled by its star rating.

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/0e55157c-4a1f-11e6-bf8e-3645563dd1ea/68_support.jpg?generated=20160715010137)

### Examples

Before you start, take a look at some examples of Photo Story arrangement on the web.

![](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/f5835144-e5e3-11e9-9046-fefd616b8533/1369_support.jpg?generated=20191003144927)

Sample Photo Story page 
[Live Demo](https://modernnarrativedemo17.dpg.gallery/gallery/set_001/)}

★★★★★ Fills the width of the screen.

___

#### 4 Stars

![★★★★ Fills one whole row.](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/d3e83754-59ad-11e6-976f-3645563dd1ea/89_support.jpg?generated=20160803201006)

___

#### 3 Stars

![★★★ Two images per row.](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/e8af7dd2-59ad-11e6-ae38-3645563dd1ea/90_support.jpg?generated=20160803201027)

___

#### 2 Stars
![★★ Three images per row.](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/f3325216-59ad-11e6-98f3-3645563dd1ea/91_support.jpg?generated=20160803201042)

___

#### 1 Star

![★ Four images per row.](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/87615080-c655-11e7-885a-1e21557f5317/1073_support.jpg?generated=20171110202759)
___

#### No star rating
![No rating - Five images per row.](https://cache.media.digitalphotogallery.com/hyqelgcvfopo/images/adcc903c-59b3-11e6-8da4-e2fa661e35e8/94_support.jpg?generated=20160803205141)

### Grouping

The story page is perfect for showing off key images by making them prominent with a 4 or 5 rating, while using sequences of smaller images to tell a story and make the layout engaging.
Aim to mix up the arrangement, such as alternating larger images with sets of smaller portrait images for best results. 

### Tips

You can set a default star rating for all new uploads on the [settings screen](https://admin.digitalphotogallery.com/account/settings#images_options).

> 💡 **Tip:** You can rate images in Lightroom before you export them, so you may want to rate your favourites as 4 or 5 and others as 2 or 3 and these settings will be imported on upload. Make sure to tick **Get details from image metadata** on the upload screen.

When previewing your changes always use your websites [testing host](https://support.digitalphotogallery.com/articles/article/acf006a6-f69b-11e5-a5da-16474ff850f4) to make sure that you see changes without a delay.