> ## Documentation Index > Fetch the complete documentation index at: https://docs.shopify.lightsout.agency/llms.txt > Use this file to discover all available pages before exploring further. # Show brand and press logos with Facet's logo list > Add Facet's logo list section to show press or partner logos in a row or grid, with an optional heading and text beside them on large screens. The Facet logo list section shows a set of logos, such as press mentions, partners or certifications. Logos can sit in one row, in a grid, or in a grid beside a heading and text. This page covers the section layout, the Logos block and the Logo blocks inside it. ![The Logo list section as it appears on the Facet demo storefront.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/logo-list/logo-list-overview.jpg?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=2540cfd3a9b99876bd765da0a1da2b74) ## What this section controls * A stacked layout, or a side by side layout with the text beside the logos. * How many logos sit in each row, and lines between them. * Each logo's picture, height and link. ## Getting started **1. Open the Theme Customizer** In your Shopify admin, open **Online Store**, then **Themes**, and click **Customize** next to Facet. **2. Add the section** In the **Sections** panel, click **Add section** and choose **Logo list**. The section can't be added to the header. **3. Add your logos** Open the **Logos** block and click each **Logo** block to choose its **Image**. Click **Add block** inside **Logos**, then **Logo**, to add more. ![The theme editor with the Logo list section selected in the sidebar, its settings panel open on the left and the section highlighted in the preview.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/logo-list/logo-list-location.jpg?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=ab4b758a883e4ec752b5fff4d42fe82e) ## Section settings ![Theme editor sidebar showing the Logo list section settings: Layout, Common settings, Color scheme, Top padding, Bottom padding, Page width, and more.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/logo-list/logo-list-settings-1.png?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=8de8821cbfa9f970741cc57a2e79890a) ### Layout > [accordion] Layout > > * **Stacked** (default): the heading and text sit above the logos. The **Logos** block's own **Layout** setting decides how the logos are arranged. > * **Side by side**: on screens 990 pixels wide and larger, the heading and text sit on the left and the logos on the right, arranged in a grid. On smaller screens the text sits above the logos. > [accordion] Logos per row > > From 2 to 6. Default: 2. The number of logos in each grid row on screens 750 pixels wide and larger. Phones show 2 per row. Appears only when **Layout** is **Side by side**. > [accordion] Show dividers > > Off by default. Draws a thin line between the logos, in the color scheme's border color. The lines are hidden on phones. Appears only when **Layout** is **Side by side**. ### Common settings See [Common settings](https://docs.shopify.lightsout.agency/themes/facet/common-settings.md) for details. * **Color scheme**: the colors of the section. * **Top padding** and **Bottom padding**: None, Small (default), Medium, Large or Extra large. * **Page width**: Narrow, Narrower, Fluid (default) or Full. ## Blocks ### Heading and text Add **Heading** and **Text** blocks to introduce the logos. Their settings are described on [Theme blocks](https://docs.shopify.lightsout.agency/themes/facet/theme-blocks.md). ### Logos The **Logos** block holds the logos. ![Theme editor sidebar showing the Logos block (in Logo list) settings: Layout.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/logo-list/logo-list-block-logos-1.png?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=7628d1342a42e017f1f6fc27187ecd8f) * **Layout**: **Row** (default) or **Grid**. **Row** spreads the logos across one line. When they don't fit, shoppers scroll the row sideways. **Grid** places them two per row. > [!NOTE] > > With the section's **Layout** set to **Side by side**, the logos always form a grid sized by **Logos per row**, and the block's own **Layout** has no effect. Keep the **Logos** block last in the section, below the heading and text, so the side by side layout can place it on the right. ### Logo Each **Logo** block inside **Logos** is one logo. ![Theme editor sidebar showing the Logo block (in Logo list) settings: Image, Height, Link.](https://mintcdn.com/lightsout/Xj2zGA8z_awdsd6Z/images/themes/facet/sections/logo-list/logo-list-block-logo-1.png?fit=max\&auto=format\&n=Xj2zGA8z_awdsd6Z\&q=85\&s=3e5440c46078bc190560fbf9aaae30ee) * **Image**: the logo picture. Until you choose one, a placeholder shows. * **Height**: from 12 to 60 pixels. Default: 24. The logo keeps its own shape. * **Link**: optional. Makes the logo a link, for example to the article that mentions you. ## Best practices * **Use transparent logos.** PNG or SVG files without a background sit cleanly on any color scheme. * **Match visual weight, not height.** A wide wordmark at 24 pixels can look larger than a square badge at 24 pixels. Adjust **Height** per logo until they look balanced. * **Use one color.** Logos in a single color, such as all black or all white, look calmer than full-color brand marks. ## Related guides > [card] [Theme blocks](https://docs.shopify.lightsout.agency/themes/facet/theme-blocks.md) > > Settings for the heading and text blocks. > [card] [Testimonials](https://docs.shopify.lightsout.agency/themes/facet/sections/testimonials.md) > > Pair press logos with quotes from your customers. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.