Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
Hi all,
The product descriptions on my site seem to automatically truncate every paragraph with a "show more" option. I would like to remove this so that each page shows the full product description and endorsements. I can't seem to find an answer that works for my site on how to toggle this to off.
Example page: https://breakwaterbooks.com/products/false-bodies
Any help would be much appreciated.
Thanks!
Hi @Breakwater
Check this one.
From your Shopify admin dashboard, click on "Online Store" and then "Themes".
Find the theme that you want to edit and click on "Actions" and then "Edit code".
In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
span.moreellipses {
display: contents;
}
a.cus-morelink.less, .cus-morelink {
display: none;
}
.product-description.custom-product-description span.morecontent span {
display: contents !important;
}
And save.
Result:
Hi, thanks for responding! This does indeed show the full comment, thank you. But it still leaves the "Show More" links after each one (as in image below). Is there a way to remove those as well?
Thanks!
George