Stacked images with text

This section creates a scrolling collage-style layout, overlaying different sized and shaped images as the user scrolls.

Stacked images with text with text on the left and stacking images on the right
Stacked images with text on the Primavera Precision demo store

Settings

  • Horizontal alignment: Choose left, center or right alignment for the theme blocks on the left (on desktop)

Blocks

All theme blocks are available to use in this section.

This section comes preloaded with a heading, text and button theme blocks, as well as a group of stacked images. For each nested image block, you have the following settings:

  • Image: Select or upload an image

  • Image ratio: Choose between portrait, square or landscape

  • Image width: Choose a width in %

  • Link: If you want the image to be clickable and link to a page, enter a URL here

  • Link label: If you entered a link, be sure to add a label here to describe the link destination, required for accessibility

The following settings are explained in detail in common settings:

  • Color scheme/Color scheme transition

  • Borders

Last updated

Was this helpful?