> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.ecomx.co/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Blum Logo List

**Theme:** Blum · **Section type:** All-template section

The Logo list section shows the logos of your partners, brands, stockists, or press features in a neat grid. Each logo can link to a page, which helps build trust with new customers.

> **Note:** You can add this section to any template, except the header and footer. A Logo list holds up to 12 logos. When you add it, it comes with 6 logos.
![Logo list on desktop with 4 logos in a row](https://storage.crisp.chat/users/helpdesk/website/-/f/8/b/b/f8bb8da391016800/logo-1_1svyv1v.png)

**What you can do**
- Add the section and your logos
- Choose how many logos show per row
- Change the background behind the logos
- See what customers see
- Fix common problems

---

## Add the section and your logos
1. In the theme editor, open the template where you want the section.
2. In the left sidebar, click **Add section** > **Logo list**.
3. Under **General**, enter a **Section heading**, and optionally a **Section subheading** and **Section description**.
4. Click a **Logo** block and select a **Logo image**. A 120 x 90 px .png works best.
5. Optional: enter a **Link** to the brand's website or a page in your store.
6. To add a logo, click **Add block** > **Logo**.
7. Click **Save**.

> **Tip:** Use logos with transparent backgrounds and the same size and style, for example all in one color. A uniform set looks much cleaner in a grid.

## Choose how many logos show per row
1. Click the **Logo list** section.
2. Under **Layout**, set **Items per row on desktop** to **2**, **4**, or **6**.
3. Set **Items per row on mobile** to **1** or **2**.
4. Click **Save**.

## Change the background behind the logos
1. Under **General**, set **Container background** to **Main accent**, **Extra accent**, or **None**. None uses the background of the section's color scheme.
2. To change the accent colors, go to **Theme settings** > **Colors** > **Accent**.
3. Click **Save**.

## What customers see
- **Grid:** the logos sit in a grid inside a colored container, with the number per row you chose.
- **Links:** a logo with a link opens the page in a new browser tab. Logos without a link aren't clickable.
- **Phones:** 1 or 2 logos per row, based on **Items per row on mobile**.
![Logo list on a phone, 2 logos per row on an accent background](https://storage.crisp.chat/users/helpdesk/website/-/f/8/b/b/f8bb8da391016800/logo-2_wnl84b.png)

## Settings reference
### General
| Setting | What it does |
| ---- | ---- |
| Color scheme | Sets the colors of the section. Edit schemes in Theme settings > Colors. |
| Section subheading, Section heading, Section description | The text above the logos. |
| Container background | Fills the area behind the logos with the Main accent or Extra accent color, or None. |

### Layout
| Setting | What it does |
| ---- | ---- |
| Items per row on desktop | Shows 2, 4, or 6 logos per row on desktop. |
| Items per row on mobile | Shows 1 or 2 logos per row on phones. |
| Remove padding top | Removes the space above the section. |
| Remove padding bottom | Removes the space below the section. |

### Logo settings
| Setting | What it does |
| ---- | ---- |
| Logo image | The logo. 120 x 90 px .png recommended. |
| Link | Where the logo goes when clicked. Opens in a new tab. |

## Troubleshooting
**I can't add more logos.**
A Logo list holds up to 12 logos. Add a second Logo list section to show more.

**My logos look different sizes.**
Logos keep their own proportions. Export all logos on canvases of the same size, for example 120 x 90 px, with similar padding.

**The background color is wrong.**
**Container background** uses the accent colors from **Theme settings** > **Colors** > **Accent**. Choose **None** to use the section's color scheme background.

## Related articles
- [Blum Testimonial](https://doc.ecomx.co/en/article/blum-testimonial-16y9v6e/)
- [Blum Icon With Text](https://doc.ecomx.co/en/article/blum-icon-with-text-a8a4ez/)
- [Blum Running Text](https://doc.ecomx.co/en/article/blum-running-text-1y2r3d6/)
- [Blum Image with Text Columns Section](https://doc.ecomx.co/en/article/blum-image-with-text-columns-section-131afjd/)