Removing Collection name/title from homepage collection section

Solved

Removing Collection name/title from homepage collection section

ellaxobella
New Member
6 0 0

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

Accepted Solution (1)
ZestardTech
Shopify Partner
6068 1087 1457

This is an accepted solution.

Hello @ellaxobella,

I Went through your current design and it looks perfect.

Let me know if you need further assistance!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 11 (11)

suyash1
Shopify Partner
10561 1305 1672

@ellaxobella can you please share the page link?

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
ellaxobella
New Member
6 0 0

ellaxobella.com

suyash1
Shopify Partner
10561 1305 1672

@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;}
Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
ellaxobella
New Member
6 0 0

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

Dan-From-Ryviu
Shopify Partner
10939 2148 2286

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;
}

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

ellaxobella
New Member
6 0 0

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

Dan-From-Ryviu
Shopify Partner
10939 2148 2286

Where did you add the code? 

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

ellaxobella
New Member
6 0 0

I added it at the end of bss.css

ZestardTech
Shopify Partner
6068 1087 1457

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

 

Let me know if you need further assistance!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ellaxobella
New Member
6 0 0

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

ZestardTech
Shopify Partner
6068 1087 1457

This is an accepted solution.

Hello @ellaxobella,

I Went through your current design and it looks perfect.

Let me know if you need further assistance!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing