Archives

Updated

Overview

Find these under Portfolio → Settings, in Archives. They style each collection's own page. They don't change Collection blocks on your other pages; those use the block sidebar.

Settings

Heading

  • Headline Style / Subheadline Style: the size of the collection name and the line under it
  • Collection Subheadline: the line under the name when a collection has no description (default Portfolio Collection)

Background

  • Background Color / Reverse Print: the band behind the heading and grid, and light text for dark colors

Grid

  • Portfolio Item Style: Card or Seamless (default). Each choice shows a small drawing.
  • Grid Columns: 1–6 projects per row on large screens (default 3)
  • Image Shape: Uniform crops every image to the same shape; Preserve shows each image whole

Items

  • Excerpt Style: Normal, Small or Hide
  • Link Text / Link Style: the link under each project; leave Link Text blank to hide it

Preview

Under the settings, a preview shows a sample collection page of six projects with your choices. It updates a moment after each change, before you save. Use the buttons beside it to see it at desktop, tablet or phone size. The sample projects are made up and aren't added to your portfolio.

Tips

  • Seamless tiles make a tight photo grid. Cards put each project in a box, with room for the excerpt and link.

Settings

Archives

Headline Style

Visual style for the collection name. The name stays an H1.

  • <h1> defaultLooks like your site's H1 style.
  • <h2>Looks like your site's H2 style.
  • <h3>Looks like your site's H3 style.
  • <h4>Looks like your site's H4 style.
  • <h5>Looks like your site's H5 style.
  • <h6>Looks like your site's H6 style.
  • <p>Looks like normal paragraph text.
Subheadline Style

Visual style for the collection description. The line stays an H2.

  • <h1>Looks like your site's H1 style.
  • <h2>Looks like your site's H2 style.
  • <h3>Looks like your site's H3 style.
  • <h4> defaultLooks like your site's H4 style.
  • <h5>Looks like your site's H5 style.
  • <h6>Looks like your site's H6 style.
  • <p>Looks like normal paragraph text.
Collection Subheadline

Shown under the collection name when the collection has no description (default Portfolio Collection).

Background Color

Background color behind the header and grid on collection pages.

Reverse Print

Light text for a dark background.

Portfolio Item Style

How each work appears in the grid.

  • CardEach project in a box, with its image, title, excerpt and link.
  • Seamless defaultImage and text straight on the background, without a box (default).
Grid Columns

Works per row on collection pages (1–6, default 3).

  • 1
  • 2
  • 3default
  • 4
  • 5
  • 6
Image Shape

How featured images fill the tiles on collection pages.

  • Uniform defaultCrop to fill the frame.
  • PreserveKeep the original proportions.
Excerpt Style

How the excerpt looks under each title.

  • Normal defaultNormal excerpt size.
  • SmallSmaller excerpt text.
  • HideHide the excerpt.

Built by Dirigible Studio. Get in touch