Removing Collection name/title from homepage collection section

English Shopify Shopify Design
1

I have my collection on my homepage and they are already clickable, I want to remove the name/title under the collection image from my homepage. I read some of the discussions which show how to and I tried to edit the code but nothing happened, so I’m sure I am doing it wrong.

Using free theme: Craft

2

@ellaxobella can you please share the page link?

3

Hi @ellaxobella

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

.section-collection-list .card__content {
    height: 0px;
    padding: 0px;
    opacity: 0;
}
4
5

i did and it’s not working - i’m clearly doing something wrong

6

Where did you add the code?

7

@ellaxobella please add this css to the very end of your base.css file and check,
Shopify Admin → Online Store ->Theme → Edit code → base.css

.collection-card-wrapper .card__content{opacity:0;}
8

Hello @ellaxobella ,

Here are the steps to apply the necessary changes in your Shopify store:

  1. In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
  2. Locate Asset > base.css and paste the following code at the bottom of the file:
.card a.full-unstyled-link {
    font-size: 0 !important;
}
.card span.icon-wrap {
    display:none !important;
}

ZestardTech_0-1737092218084.png
ZestardTech_0-1737092218084.png1479×534 92.1 KB

Let me know if you need further assistance!

9

I added it all the way at the end and saved it. When I checked my website, it is still there. Nothing happened

10

I added it at the end of bss.css

11

I did exactly what you said and still does not look like how you did it. I don’t know what could I be doing incorrectly?

Screenshot 2025-01-17 at 5.31.57 PM copy.jpg
Screenshot 2025-01-17 at 5.31.57 PM copy.jpg1618×1922 192 KB

12

Hello @ellaxobella ,

I Went through your current design and it looks perfect.

Let me know if you need further assistance!

1 Like