How can I remove the collection title from my Debut Theme?

[gofuturefresh]

I already placed a banner on the Collection Page so I want to remove the Collection Title so that it won't be redundant.

Here's the URL

https://go-future-fresh.myshopify.com/collections/frontpage

[shopify-dev-05]

Hello gofuturefresh,

Add this css to theme.scss.liquid

.collection-header .section-header h1 {
    display: none;
}

[hpilearning]

I added this snippet on theme.scss.liquid on debut but nothing changed, is there something I am missing? 

[oscprofessional]

Hello hpilearning,
Can you share your site url?
So that i will check your site and give you solution here.
There may be different css for your site.

[hpilearning]

https://health-plus-inc.myshopify.com/

temp code: cookie

Trying to remove the title so it only shows the image on the collection. (specifically on the home page as you scroll down to 'find by category' i want the titles off of those images as well as the category page if possible/necessary ) 

Do you also know how to remove a dark overlay on the 'gallery' input section? Thank you in advance! 

[DerBlaueVogel]

@oscprofessional 

Hi there,

I am struggling with the same thing: trying to remove the titles in the collection header pictures of the debut theme. I tried the proposed snippets to include at the end of the theme liquid file, but it didn't work.

Any ideas? Thank you so much!

https://www.derblauevogel.com/collections/einzelne-perlenbretter

Claudia 

[oscprofessional]

Hello DerBlaueVogel,
Please share the screenshot of which collections title you want to remove.

[DerBlaueVogel]

@oscprofessional 

Hi there,

I actually want to remove all titles in the header pictures, since I have an extra title inserted below them.

 

Many thanks and regards,

Claudia

[oscprofessional]

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

#shopify-section-collection-template h1.collection-hero__title.page-width {
    display: none;
}

[DerBlaueVogel]

@oscprofessional 

EDIT: I USED THE WRONG FILE! IT WORKS NOW! THANK YOU!!!

[KatyLee]

Hi,

I would also like to hide collection page title on mobile view as well. Could you please provide the code? 

Thanks in advance. 

Katy

[oscprofessional · Accepted solution]

Hello  gofuturefresh,

Add this css at the end of file
Online Store-> Themes -> Edit code->Assets->theme.scss.liquid

header.collection-header h1 {
 display: none;
}

[gofuturefresh]

Thanks

[waldaandwhite]

This didnt work for me 😞 but perhaps im not looking at the right answer or question. 

I want to remove the blank space where the collection titles used to be. 

From the photo attached you will see the blank space I am talking about where the collection titles used to be displayed.

Hope someone can help! ❤️

[oscprofessional]

@waldaandwhite,

Please share site url and password so that I will help you

[jasonR]

None of those syntax were working for me. But I did figure it out by inspecting the website and found that this is what works.

header.section-header.text-center h1 {
display: none;
}

I tried it and it worked!!!

JasonR

[Nanakal]

it did not work for me. anyone figured out another way?

[Man-yee]

#shopify-section-collection-template .section-header h1 {
display: none;
}

[AlanW1980]

I can't get this to work for my shopify site using debut theme.  I tried all the suggestions given in this thread 😞

www.mypuppyprints.com is the url

thanks

[Man-yee]

online store > theme > action > edit code > assets > theme.scss.liquid > scroll down to bottom and add👇 > save.        Good Luck!

#shopify-section-collection-template .section-header h1 {
display: none;
}

[BAMFAM]

THAT WORKED! @jasonR 

now to figure out ho to remove blank space left behind.

[jasonR]

header.section-header.text-center h1 {
display: none;
}

[simoneedream]

I tried all the codes none of them work .

[oscprofessional]

Hello simoneedream,
Please share your site url.
So that i can check and let you know the exact solution here.

[eddyzp]

hello,

same issue 

have tried all the codes above, nothing worked

please, advise

th.psylofshion.com

[oscprofessional]

Hello eddyzp,
Please share the screenshot of which collection titles you want to remove.

[eddyzp]

111 

I wanted to remove all Collection Titles

[oscprofessional]

To remove collection title on collection pages.
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

#shopify-section-collection-template .collection-hero__title.page-width {
    display: none;
}

[eddyzp]

Cool! You super professional!!

It worked! Thank you

[ChyllCBD]

Hello, I have tried multiple different suggestions on this site for removing the title over the Collections page. I notice that all of the suggestions state to edit the Online Store->Theme->Edit code->Assets->theme.scss.liquid, but my code says theme.css, no extra "s" or ".liquid".

[oscprofessional]

Hi ChyllCBD,
Please share your site url.

[Sourcemt]

hi mate, i have the same issue I want to remove the collection list title but cant my asset file is named theme.css.liquid

site url https://source-mt.myshopify.com/ pass 12345678

[LaBomba1]

Hi i tried all the previous codes to remove title from the collection list on my home page and none of them worked for me , can you pls help e 

here is my link : https://la-bomba-uk.myshopify.com/

password : labomba

[oscprofessional]

Hi @LaBomba1 ,

Can you share the screenshot please?

Thanks !

[LaBomba1]

Hi here is the screenshot , my url is https://la-bomba-uk.myshopify.com/ / password: labomba

 

[oscprofessional]

Hi @LaBomba1 ,

#shopify-section-1630452614f9c7e956 .collection-grid-item__title.h3 {
    display: none;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

[PascalR]

Hello i also like to delete the title in gold of collections :

https://www.1001extensions.com/

Regards

Pascal

[oscprofessional]

@PascalR,

Please share the exact url I did not find this banner.

[PascalR]

https://1001extension.myshopify.com/

thanks

[oscprofessional]

@PascalR 

Is it on home page ?

[PascalR]

no it is in page collections
https://www.1001extensions.com/collections/accessoires

each time you go on a collection page, you have the title of the collection
in gold center in the screen. I should like to delete this
regards
pascal

[oscprofessional]

@PascalR ,

#shopify-section-collection__banner h1.banner__heading.title {
    display: none;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->style.scss.liquid

[PascalR]

Great it works perfectly.
Thanks a lot
Pascal

[oscprofessional]

@PascalR ,

If it is helpful then  accept the solution ..

[PascalR]

i liked but i dont know how to accept

[BAMFAM]

Hi can someone please call me regarding this chat? I think there’s a
possible cyber threat on my online store

[sdc-watches]

this solution works for mobile website, but not online webpage. Any fixes for this problem?

[JJems]

I am trying to do the same thing as LaBomba1.  I am assuming the code you gave is user specific?

[simoneedream]

www.simoneedreamcollection.com

[oscprofessional]

Hello simoneedream,
Your site is password protected.
Please share your store password.