Topic summary
A user seeks help removing a strikethrough line from a price (499) on their Shopify store.
Two solutions were provided:
Solution 1 (Henry_dev):
- Navigate to Shopify Admin → Online Store → Themes → Actions → Edit Code
- Open the
theme.cssfile - Add CSS code at the bottom targeting
.grid-product .grid-product__price .grid-product__price--originalto remove text decoration
Solution 2 (PageFly-Henry):
- Go to Online Store → Themes → Actions → Edit Code
- Add custom code to
theme.liquidfile before the closing</body>tag
Both responses include screenshots demonstrating the implementation steps. The issue appears to be related to styling the original/compare-at price display in a product grid, where the default strikethrough formatting needs to be removed through custom CSS.
Status: Solutions provided, awaiting user confirmation if resolved.
Hi, you can try this code
- Go to your shopify admin.
- Left side bar click on the online store.
- You will see the list of theme. On live theme click on “action”. and click on “edit code”.
- Now you will see the list of file. find the file “theme.css” open this file and add below code very bottom the file.
.grid-product .grid-product__price .grid-product__price--original {
text-decoration: none;
}
.grid-product .grid-product__price .grid-product__price--original > span.money:first-child {
text-decoration: line-through;
}
Hi @OneCap ,
This is Henry at PageFly - Shopify Advanced Page Builder app.
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag
Hope this answer helps.
Best regards,
Henry | PageFly