Hide collection list title homepage dawn theme

Hi, how can I hide the collection title and the arrow and just have the images in the collection list on homepage? Thanks

@urbantis

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Thanks for your time

website https://pcolasoapco.myshopify.com/

password sauhin

@urbantis

great thanks for your support

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-card.css ->paste below code at the bottom of the file.
.collection-list .card__content {
    display: none;
}

Hi @urbantis ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-card.css->paste below code at the bottom of the file:
.collection-list .card__content {
    display: none;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

Best regards.

Hi, I have a problem with the code, I just realized that it removed the link, so when I click on the image it does nothing. How can I hide the collection name but still keep the link?

note: I made the color white now so it 's not visible, but I would like to remove it and still keep the link, thanks for your help.

Hi i am wanting the same thing but the code didn’t seem to work i am using theme Dawn

this is the code I am using now and it works:

(added to bottom of base.css)

.collection-list .card__information a.full-unstyled-link {
color: white;
}

just replace the white with your section background color (in my case is white, which can also be #ffffff)

Might be someone has a better answer.

@sweetbuddie [email removed]

can you please share store url

https://sweets-retreat.myshopify.com/

@sweetbuddie

Thanks

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-card.css ->paste below code at the bottom of the file.
.collection-list__item h3 {display: none !important;}

thankyou very much it WORKED !!! your a star

not working for me

https://newvarietystore1.myshopify.com/collections

@sweetbuddie

its my pleasure to help us

@NarinderLayal

sorry for that issue how can i check your store password protect

Hi there

When adding in this code, unfortunately the link to the departments goes with it

Is there any solution for this?

Website is threesirens.co.uk

Many thanks

@3Sirens

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-card.css ->paste below code at the bottom of the file.
.collection-list .card__content {
    display: none !important;
}

Thank you!

@MEKDesign

its my pleasure to help us

@KetanKumar , Thank you for your help. I was able to hide the titles with you code. It has disabled the clickable picture though. Could you take a look at it please? www.scriptureandgrace.com

This collection list here:

yes i can see link not added can you please check theme customization that section