How to set up the link lists with media section

The link lists with media section displays multiple link lists alongside an image to organize navigation and highlight key content.

Section settings

Description: Add a description for the Link lists with media section.

Layout

Section width: Adjust whether this section should span the full width of the page (100%) or be contained within a limited layout. Applies on desktop. On mobile, the section spans the entire width of the screen.

Section inner max width (px): Set the maximum width of the content inside this section in pixels.

Section left/right gutter: Adjust the left and right spacing of the section relative to the viewport edge on narrow screens.

Vertical inner spacing: Adjust the spacing between the content and the top/bottom edges of this section in pixels.

Vertical outer spacing: Adjust the space between this section and the sections above and below it in pixels.

Media

Image: Select or upload an image for the link lists with media section. You can also browse free images via the “Explore free images” link.

Media position: Select the horizontal placement of the media. Options: Left, Right.

Media width: Select the width of the media relative to the total section width. Options: One half, One third, One fourth.

Section styles

Section border radius: Adjust the roundness of the section’s corners.

List title color: Choose the color for the list titles.

List link color: Choose the color for the links in the list.

List background color: Choose the background color for the list.

List description color: Choose the color for the list descriptions. Section background color: Choose the background color for the entire section.

List

Heading: Set the title for the list.

List menu: Select the menu that will be displayed in the list.