Creating a collection list without titles

Store Design

Topic summary

Main issue: Hide collection titles under “Our top brands” on the homepage (logos already include names) and make the Klarna banner span the page width.

Proposed solutions (CSS):

  • Hide titles on the homepage: either add CSS in theme.liquid (conditional on template.name == “index”) to hide .list-collections-wrapper .collection-info__caption, or place CSS in Assets/style.css using the .index prefix with !important to ensure the captions are not displayed.
  • Adjust Klarna banner width: add CSS targeting the specific section ID (#shopify-section-template–17986358378815__8e5d0dd6-7756-48fd-8b4f-31501fe38987) to set .image-element__wrap max-width to 90%.

Technical notes:

  • “Collection list” is a Shopify block that displays collections; “theme.liquid” is the main layout file; CSS controls visual styling.
  • The section-specific selector indicates changes apply only to that banner block.

Outcomes/status:

  • Concrete CSS snippets were provided and are central to the fix.
  • No confirmation from the original poster; no disagreements. The thread appears open pending implementation/testing.
Summarized with AI on January 26. AI used: gpt-5.
1

Hi guys,

Heres our home page: https://abodehaven.com/

I have two questions, firstly as you can see we have a “our top brands” which is a collection list but each logo has the name of each company and thus I don’t need the title of the collection to appear. I have tried using a logo list but the images don’t align anywhere near as well than using a collection list. Is there a way to remove the titles of the collections?

Also, I have a Klarna banner half way down the page. Is there anyway to make this banner stretch across the whole website page?

Thanks guys!

James

2

@jamesabodehaven add below code into theme.liquid before closing tag

{% if template.name == "index" %}
{% style %}
.list-collections-wrapper .collection-info__caption {
    display: none;
}
{% endstyle %}
{% endif %}
3

Hi @jamesabodehaven

  1. you can add this code to your style.css file in your Online store > Themes > Edit code > Assets to remove name of collection
.index .list-collections-wrapper .collection-info__caption {
display: none !important;
}
  1. Please add this code to style.css file
#shopify-section-template--17986358378815__8e5d0dd6-7756-48fd-8b4f-31501fe38987 .image-element__wrap {
max-width: 90% !important;
}