How to remove text on howme page with feature collections - Dawn

Store Design

Topic summary

A user wants to remove product names and prices from featured collections displayed on their homepage only, while keeping them visible on product pages. The Dawn theme embeds this text without an obvious option to disable it.

Proposed Solutions:

Two developers offered CSS-based approaches:

  • MS Web Designer (INA_MSWEB): Suggested a two-step solution involving modifying the <body> class in the theme.liquid file and adding CSS to hide .card__content on the index template in base.css

  • PageFly-Richard: Recommended adding CSS code to the bottom of base.css to hide .card-wrapper .card__content with display: none !important

Note: The conversation text appears corrupted or reversed in several places, making some technical details difficult to verify. The user included screenshots showing the featured collection layout, though specific details aren’t fully readable in the provided text.

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

Hi,

I am trying to remove NAME & PRICE just on my home page from my feature collections. Only on my home page, not on my product pages.

If someone could asist would be great ?

my website www.progressiveprints.com.au

I have searched for similar issues and some devs had said to copy the below but it doesn’t do anything.

a.full-unstyled-link {
display: none !important;
}

Home page remove copy and price.jpg
Home page remove copy and price.jpg3624×2204 333 KB

2

Hi,

Thanks for your reply.

That doesn’t work as its a featured collection on my hope page it links to my products. The text is embedded some how and no where to deselect text.

Screen Shot 2023-05-03 at 11.31.00 am.png
Screen Shot 2023-05-03 at 11.31.00 am.png3652×2520 821 KB

the text for feature collections. Unless I am missing something.

Have attached screen shot.

3

Hi @PPrints

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

1st you need to replace to in your theme.liquid page.

2nd put this css in your bottom of the base.css file:
.template-index .card__content {display: none !important;}

Regards,

San

4

HI @PPrints

This is Richard from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.card-wrapper .card__content {

display: none !important;

}

Hope that my solution works for you.

Best regards,

Richard | PageFly