A user working with Shopify’s Craft theme wants to modify how collection card descriptions display. Initially seeking to hide descriptions entirely via CSS, they couldn’t identify the correct element using browser inspection tools.
Initial Solutions Offered:
.card__caption with display: none !important; to completely remove descriptionsClarified Requirement:
The user actually wants to keep only the first line (“Gentle Botanical Alchemy”) while truncating the remaining description text. They’re now asking if it’s possible to limit the display to the first paragraph, sentence, or a specific character count.
Status: The discussion remains open, awaiting a solution for partial text display rather than complete removal.
Hi!
I am using the Craft theme. The Collection Cards display the Collection Title and Description. There is no option to hide the description. I’ve tried applying CSS per the Shopify Help Center but I am having trouble finding the correct class or element for the description when using the Inspect function. Can anyone provide me some direction? My site URL is www.posypotions.com.
Hello @mmphillips40
You want hide this one ?
Hello @mmphillips40
Go to online store ----> themes ----> actions ----> edit code ----> base.css
add this code at the end of the file and save.
.card__caption {
display: none !important;
}
Result
If this was helpful, hit the like button and accept the solution.
Thanks
actually I just want the first portion to remain - Gentle Botanical Alchemy - and not the rest of the description.
