Set up the header of your story

TABLE OF CONTENTS

• Header formats
• Add, remove, replace, and position a cover image
  • Add an image
  • Remove an image
  • Replace an image
  • Change an image fit
  • Change an image position
• Style title, subtitle, standfirst, and byline on the header
  • Style text
  • Move the header
  • Switch between standard header and full-width header

The story header includes a title, a subtitle, a byline, a standfirst and a cover image.

Header formats

Lapis provides two header formats: a standard header and a full-width header.

Standard header

The title, subtitle and standfirst will be stacked vertically in front of the cover image.

Full-width header

The cover image will be displayed first, followed by the title, subtitle and standfirst.

Add, remove, replace, and position a cover image

Add an image

1. Click Upload media.

⚠️  Can't upload a cover image? Check if the file is valid.

Remove an image

1. Hover over the header.
2. Click the trash icon at the bottom right of the header.

Replace an image

1. Hover over the header.
2. Click the settings icon at the bottom right of the header.
3. Click on Header format.
4. Click Replace image.

Change an image fit

1. Hover over the header.
2. Click the gear icon at the bottom right of the header.
3. Click on Image settings.
4. Click Image fit.

• Fill: The cover image will fill the entire header section. Overflowing content will not be visible.
• Fit: The entire image will be fit into the header section, while preserving its aspect ratio.
• Tile: The image will repeat to cover the header section.

Change an image position

1. Hover over the header.
2. Click the settings icon at the bottom right of the header.
3. Click on Image settings.
4. Click Image position.

Style title, subtitle, standfirst, and byline on the header

Style text

1. Double-click text (title, subtitle, standfirst, byline).
2. Style the text in the pop-up menu.

✨  Configure the byline in the story setting before publishing. Style the byline by double-clicking the byline in the header.

Move the header

1. Click = on the upper left of the header.
2. Select Move up or Move down.

Or

1. Click Rearrange elements on the sidebar.
2. Drag the header to anywhere you want.

Switch between standard header and full-width header

1. Click the switch icon at the bottom right of the header.

Lapis is built by Kontinentalist↗, a data storytelling studio in Singapore.