Removing collection title on collection image overlay

Store Design

Topic summary

A user is attempting to remove the collection title overlay that appears on collection images in their Debut 17.14.1 theme. They’ve tried existing solutions from the forum without success.

Proposed Solution:
One respondent suggested adding CSS code to the theme.scss.css file:

.collection-hero__title.page-width {
  display: none;
}

Status:
Multiple developers have requested the store URL and password to provide tailored assistance, but the original poster has not yet shared these details. The discussion remains open and awaiting further information to diagnose the specific issue.

Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.
1

I am trying to remove the collection title that appears on top of the collection image. I have tried some solutions from here, but none seem to work. Debut theme 17.14.1

Screenshot 2023-08-08 at 10.10.11 PM.png
Screenshot 2023-08-08 at 10.10.11 PM.png2844×646 364 KB

1 Like
2

Please share your store URL

3

Hello @ShirleyE ,

Follow these steps:

  1. Go to Online Store → Theme → Edit code

  2. Open your theme.scss.css file and paste the following code below:

.collection-hero__title.page-width {
    display: none;
}

Thanks

4

Hello there,

Kindly provide the website URL along with the corresponding password.

5

Hey @ShirleyE
Kindly share your Store URL and Password if enabled

6

Hello @ShirleyE

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.