Product title not showing on collection page

Store Design

Topic summary

Issue: On the Dawn theme, product titles are missing on collection pages (only price shows), while titles display correctly on individual product pages.

Root cause identified: Custom CSS in base.css hides titles by setting .card__heading .full-unstyled-link to width: 0; height: 0; font-size: 0; color: white.

Suggested fixes:

  • Remove the zeroing CSS from base.css (multiple replies point to this block).
  • Alternatively, override at the end of base.css or in theme.css to restore visibility (e.g., width: initial; height: auto; font-size: 12–15px; color: #000; padding/margin adjustments).

Current status: After applying changes, the product name partially reappeared, but the collection name also shows on the Collections page, which is not desired. The user’s goals:

  • On a specific collection page: show product name and price under each product image.
  • On the Collections (collection list) page: hide collection names under collection images.

Attachments: Code snippets and screenshots (line references in base.css) are central to the troubleshooting.

Outcome: No final resolution. Further CSS targeting is needed to differentiate styles between product grids and the collection list page. Discussion remains open.

Summarized with AI on January 23. AI used: gpt-5.
1

I am using the Dawn theme and the product name is not appearing on any collection page, only the price. When I click into a specific product the product name appears correctly. Thanks in advance.

1 Like
2

Hi @MitchPeterson83

Could you share your store URL?

3

@MitchPeterson83 - can you please share the collection page link?

4

https://ausmancave.com.au/collections/collection

Dev PW is: ausmancaveshop

5

https://ausmancave.com.au/collections/collection

Dev PW is: ausmancaveshop

6

Go to your Online store > Theme > Edit code > Assets > open base.css file, check at the bottom of your file and remove those line of code to solve the issue

.card__heading .full-unstyled-link {
    width: 0 !important;
    height: 0 !important;
    font-size: 0px !important;
    color: white !important;
}
7

@MitchPeterson83 - add this css to the very end of your base.css file and check, adjust the numbers as per your need

.card__heading .full-unstyled-link {
    width: initial !important;    height: auto !important;    font-size: 12px!important;    color: #000!important;    margin-top: 20px;
}
8

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and find this css line number:-3326 and remove:
.card__heading .full-unstyled-link {
width: 0!important;
height: 0!important;
font-size: 16px!important;
color: #fff!important;
}

ZestardTech_0-1690187240151.png
ZestardTech_0-1690187240151.png1896×831 97.9 KB

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.card__heading .full-unstyled-link {
font-size: 15px;
padding: 5px;
}

ZestardTech_1-1690187280276.png
ZestardTech_1-1690187280276.png1891×784 127 KB

9

Thank you, but this only partially resolved the issue. This has restored the product name on the collection page but it has also restored the collection name on the collections page. I hoping hoping to get to a stage where:

  1. The product name and product price appear under a product image when on a specific collection.

  2. The collection name does not appear below the collection image when on the Collections page.

Here is the current code at the bottom of my base.css file:

:root {
–easter-egg: none;
–sparkle: url(‘./sparkle.gif’);
}
}
.card__heading .full-unstyled-link {
width: 0 !important;
height: 0 !important;
font-size: 0px !important;
color: white !important;
}
.card–standard > .card__content .card__information {
padding: 0 !important;
}

The ‘Collections’ Page is currently appearing correctly but when you go into a collection like All Products, the product name does not appear under the product image, only the product price.