# Brand logos

The **Brand logos** section allows you to display logos in a customizable grid format—ideal for building trust, showcasing retail partnerships, or promoting house brands. ## How to add a Brand logos section to your Shopify store {% hint style="success" %} Steps: 1. In the theme editor **(Customize)**, click **Add section.** 2. Locate **Brand logos**. 3. Make necessary changes. 4. **Save.** {% endhint %} ## How to edit a Brand logos section ### Section settings #### General * **Color scheme:** Apply one of your theme’s preset color styles. Learn more: [colors](https://docs.foxecom.com/hyper-theme/theme-settings/colors "mention") #### Section header * **Text alignment:** Set heading/subheading alignment (Left, Center, Right). {% tabs %} {% tab title="Left" %}

{% endtab %} {% tab title="Center" %}

{% endtab %} {% tab title="Right" %}

{% endtab %} {% endtabs %} * **Text alignment on mobile:** Control mobile-specific header alignment. * **Subheading & Heading:** Add section titles. * *For animated heading, learn more:* [add-highlighted-text-to-your-headings](https://docs.foxecom.com/hyper-theme/faqs/add-highlighted-text-to-your-headings "mention") * **Highlight settings:** Customize style, font, and text color for animated headings. * **Heading size & description size:** Set appropriate font sizes for title and supporting text. * **Button settings**: * **Button label:** Set a call-to-action label like "Shop All Brands". * **Button link:** Add a URL to your brand collection or all-collections page. * **Button style:** Control what style the button uses. * **Button icon:** Add an icon after the label.

#### Image settings * **Image padding:** Add spacing around each logo (None, Small, Medium). * **Image width:** Define the size of each logo (Medium/Large/Full width).

#### Grid settings * **Number of columns on desktop:** Choose how many logos to show in a row (2–10). * **Column gap & Row gap:** Adjust spacing between logos. * **Show grid border:** Add borders between each logo for visual structure. {% tabs %} {% tab title="Grid border enabled" %}

{% endtab %} {% tab title="Grid border disabled" %}

{% endtab %} {% endtabs %} **Mobile Layout** * **Number of columns on mobile:** Choose 1–3 logos per row.

* **Enable swipe on mobile:** Activate horizontal scroll behavior for mobile users. ### Block settings Each logo is a block under the Brand logos section. {% hint style="success" %} Steps: 1. Click **Add Log**. 2. Upload a logo image. 3. Add a **Link** if you'd like the logo to redirect to a collection or brand page. {% endhint %} ✅ Tip: All logos should be the same color scheme and dimensions for a clean look. ## FAQs ### **Can I link each logo to a unique page?** 👉 Yes! Use the link field in each logo block. ### **Can I use brand logos in the header or footer too?** 👉 This section is currently supported in the **Template** content. ***