How to remove product name from featured collection?

Store Design
,

Topic summary

A user seeks to hide product names displayed below product images in a featured collection section on their Shopify store.

Initial confusion: The helper initially misunderstood, thinking the names were part of the image files themselves.

Clarification: The user provided screenshots showing product names appearing as text overlays beneath the product images in the collection grid.

Solution provided: A CSS code snippet was shared to hide the product name headings:

.collection-card__heading h3.h5 {
  display: none;
}

Outcome: The solution successfully resolved the issue. The user confirmed it worked and thanked the helper.

Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

Screenshot_1432.png
Screenshot_1432.png1198Ă—670 735 KB

2

Hi Elena,
Please share your store URL and if it is password protected give the password also.
Regards
Sandeep

3

https://livefitbg2.myshopify.com/

4

Hi Elena,
The featured Collection section is not coming on the home page, where is it?

Regards
Sandeep

5

Screenshot_1433.png
Screenshot_1433.png1225Ă—680 362 KB

6

Hi,
These are the images and the product’s name is part of the images. If you want to hide the name from the image then you have to upload new images without the product name.

Thanks & Regards
Sandeep

7

I mean how to remove the product name not from the images.

Screenshot_1434.png
Screenshot_1434.png1198Ă—659 726 KB

8

Hello, can I get the answer how to fix it?

9

Hi,
Please paste this code in your CSS file.

.collection h3.card__heading.h5 {
display: none;

}

Thanks

10

Thank you very much!

1 Like
11

Hi Elena,
Glad to hear that my solution is working.
If need any help in the future See the bio below “Here I am”.

Regards
Sandeep