How to remove text from Collage/Collection in Origin Theme

Topic summary

Removing collection text from the Origin theme’s Collage section without breaking click-through is the core issue. The goal is to hide the text labels under collection images while keeping the collage items clickable to their collection pages.

Proposed approaches:

  • Add CSS in base.css to hide the text container: .color-background-1.gradient.isolate .card__information { display: none; } (no feedback on click behavior).
  • Insert custom code before in theme.liquid (the shared post did not include an actual code snippet).
  • Add CSS in base.css to hide: .collage__item.collage__item–collection .card__content { display: none; } This removes the text, but the original poster reports it also disables the ability to click through to the collection page.

Key technical context: Edits involve CSS in assets/base.css and potential changes in theme.liquid. Hiding broader containers like .card__content may remove the clickable link overlay.

Status: Unresolved. The open need is a CSS target that removes only the text portion without affecting the collection item’s link/click functionality.

Summarized with AI on February 3. AI used: gpt-5.

Looking to get rid of the text in the collage collection in the origin theme

https://prnt.sc/lcL5QCv5IUVo

The link above is a screen shot of my store, the text under the photos are what I would like to be removed.

I apologize if this has been answered already, I cannot find a reference.

Hi @Trapesthetics

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

.color-background-1.gradient.isolate .card__information {

display: none;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

Hello @Renaye

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

  1. Open your theme.liquid file, paste the below code before


I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

1 Like

HI @Trapesthetics
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

.collage__item.collage__item--collection .card__content{
 display: none;
}

This solution gets rid of the text for sure, but the function of clicking the collection to go to the page necessary no longer works.