Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

If you want to create your own template or a new story, you can start with a completely empty story. When you have created your new story, first give it a system name and save it. Now you can create a layout for the story's grid.

Creating a simple layout


To give your story a descriptive and responsive layout, you need to define your grid accordingly. As an example, let's use the For Sale story template, but with a somewhat simplified layout, since the percent sign in the middle is omitted at this point.

...

To define the layout as desired, you need to delete columns and rows or add new ones using the grid tools.

Create an advanced layout


Because the text block in the Fashion template overlays ¾ of the first image and ¼ of the second in the desktop view, the grid must also be designed for this. In order for the text block to achieve the desired overlay of the images, the columns of the images must be split 4 at a time. Thus, it is possible for the text block to overlay ¾ of the first image and ¼ of the second, so to speak, three of four columns of the first image, plus one of the next. This looks like this:

...