Links list section
The Links list section in Seventh shows large text links with images that follow the cursor. This page lists its settings and link blocks.
Applies to: Seventh 4.0.0 and later. Added in: Seventh 2.0.0. Last checked: 2026-10-12 against Seventh 4.0.0.
The Links list section shows a list of large text links, each with its own image. On desktop the image appears when a customer points at a link and follows the mouse. On mobile it shows as a small thumbnail next to the link.
Where to find it: select Add section in the theme editor, then choose Links list.
What the section shows
- An optional section header, for a heading and text. See General section styling.
- One Section links block, which sets the layout and typography of all links.
- Link blocks inside Section links. Each Link has a Title, an Image and a Link.
Use it for a list of collections, campaigns or pages on the home page, for example "Women, Men, Accessories, Sale" with a lifestyle image behind each one.
Layout and typography
These settings are in the Section links block and apply to every link:
- Layout places the links next to each other (Horizontal) or one below the other (Vertical) on desktop. On mobile they are always one below the other.
- Font, Text size, Text weight and Case set the look of the links.
- Custom text color overrides the color scheme text color.
Add a link
Open the Section links block
Select the Links list section, then select Section links.
Add a Link block
Select Add block inside Section links and choose Link.
Fill in the link
Enter a Title, choose an Image and set the Link. A Link without an image shows a placeholder image.
Why does the image not appear on mobile when I tap a link?
On screens narrower than 768 px Seventh does not use the hover effect. The image is always visible as a thumbnail next to the title, and a tap opens the link.
All Links list settings
Every setting on this page, one list per section or block, with its type and default.
Links list section: Section header
Where to find it: Links list → Section header
Position (dropdown, default: Top): Sets where the section header sits: Top places it above the cards, Left places it in a column beside them. Options: Top, Left.
Stick to top (checkbox, default: off): Keeps the section header in view while customers scroll through the section, on screens 1024 px wide and larger.
Links list section: Section design
Where to find it: Links list → Section design
The Links list section uses the standard Section design settings, listed in General section styling.
Color scheme (color scheme, default: Scheme 1).
Top padding (dropdown, default: Default). Options: Default, None, Smaller, Larger, Largest.
Bottom padding (dropdown, default: Default). Options: Default, None, Smaller, Larger, Largest.
Extend section width to the edges of the screen (checkbox, default: off). Shown only when Position is Top.
Show media background (checkbox, default: off): Shows a background image or video behind the section content.
Background image (image). Shown only when Show media background is on.
Background image (mobile) (image): Replaces the background image on screens narrower than 768 px. Shown only when Show media background is on and Background image is set.
Background video (video): Plays a muted, looping video behind the section content. When both a video and an image are set, the video is shown. Shown only when Show media background is on.
Media overlay (dropdown, default: Color): Sets the layer over the background media: a flat color or a gradient. Options: Color, Gradient. Shown only when Show media background is on.
Overlay color (color with transparency). Shown only when Show media background is on and Media overlay is Color.
Overlay gradient (gradient, default: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%)). Shown only when Show media background is on and Media overlay is Gradient.
Parallax effect (dropdown, default: Medium): Moves the background media at a different speed than the page while customers scroll. Subtle, Medium and Strong move it by up to 5, 10 and 20 percent. Options: None, Subtle, Medium, Strong. Shown only when Show media background is on.
Push content down (checkbox, default: off): Replaces Top padding with a larger top space, so more of the background media shows above the content. Shown only when Show media background is on.
Make section full height (checkbox, default: off): Makes the section at least as tall as the screen and centers the content vertically.
Where to find it: Links list → Section links.
Accepts these blocks: Link.
Section links block: Layout
Where to find it: Links list → Section links → Layout
Layout (dropdown, default: Horizontal): Sets how the links are arranged on desktop: Horizontal places them next to each other with a short line between them and wraps them over several lines, Vertical places them one below the other. On mobile the links are always one below the other. Options: Horizontal, Vertical.
Text alignment (alignment, default: Center): Sets the alignment of the links in the Horizontal layout. Shown only when Layout is Horizontal.
Container width (dropdown, default: Medium): Sets the maximum width of the links container in the Horizontal layout: Small 50, Medium 70 and Large 100 percent. Options: Small, Medium, Large. Shown only when Layout is Horizontal.
Section links block: Typography
Where to find it: Links list → Section links → Typography
Font (dropdown, default: Headings): Sets the font of the links: the body, headings or accent font from Typography theme settings. Options: Body, Headings, Accent.
Text size (dropdown, default: Heading 4). Options: Heading 1, Heading 2, Heading 3, Heading 4, Heading 5, Heading 6. Shown only when Font is not Body.
Text size (dropdown, default: Large). Options: XXSmall, XSmall, Small, Medium, Large, XLarge, XXLarge. Shown only when Font is Body.
Text weight (dropdown, default: Normal). Options: Normal, Bold.
Case (dropdown, default: Default). Options: Default, Uppercase.
Custom text color (color, default: transparent): Sets a color for the links. Leave it transparent to use the color scheme text color.
Where to find it: Links list → Section links → Link.
Title (text field): Sets the link text.
Image (image): Sets the image that appears when a customer points at the link on desktop, and the thumbnail next to the link on mobile.
Link (link).
Open link in a new window (checkbox, default: off). Shown only when Link is set.
Related pages
- General section styling: the Section design and Cards arrangement settings this section shares with others.
- Link cards section: a grid of Links cards, each with a list of links.
- Collections list section: collection cards with image, title and product count.