Remove Collection Headers

[N8Steele]

Hello, I am trying to remove the collection headers and just have an image there instead of any text.

I am on the narrative theme

Website: sdgapparel.com

Password: Skrt

Here is a picture of what I am talking about.

Thanks!

[KetanKumar · Accepted solution]

Hello, @N8Steele 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.collection-template h1.section-header__title.h2 {
    display: none;
}

[N8Steele]

Thank you so much!

[BiancaSilentTea]

Hi, 

I'm trying to do the same and remove the collection header text that goes over the image, as I just want to image to be shown.
My site uses the impulse theme. 

[KetanKumar]

@BiancaSilentTea 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[BiancaSilentTea]

URL: https://silent-tea-living.myshopify.com/admin/themes/118080831673/editor

This is not our current live site as we are changing over to this one as an upgrade

[KetanKumar]

@BiancaSilentTea 

do you mean hide this?

[BiancaSilentTea]

Yes. Wanting to remove the writing.

https://silent-tea-living.myshopify.com/admin/themes/118080831673/editor?previewPath=%2Fcollections%... 

[KetanKumar]

@BiancaSilentTea 

Thanks for confirm

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

#CollectionSection h1, #CollectionSection hr {
    display: none;
}