Why all products suddenly has has strikethrough. I am using Xtra theme. Site is balikbayanstore.com.
Topic summary
A user reported that all product prices on their Shopify store suddenly display with strikethrough formatting. The site uses the Xtra theme.
Solutions Provided:
Two support responses offered CSS fixes to remove the strikethrough:
-
Solution 1: Add CSS targeting
.old-price .moneyand.price spanelements withtext-decoration: unset !important -
Solution 2: Navigate to Online Store > Theme > Edit Code > Assets > screen.css and add CSS targeting
.price > span.moneywithtext-decoration: unset !importantat the bottom of the file
Both solutions involve adding custom CSS code to the theme’s stylesheet to override the strikethrough styling. Screenshots were included to demonstrate the expected result after applying the fix.
Status: Solutions provided, awaiting user confirmation if issue is resolved.
@Balikbayanstore add below css into screen.css file
span.old-price .money {
text-decoration: line-through !important;
}
.l4ca .price span, .l4cl .price span, #root .l4ca.summary .price span, .old-price {
text-decoration: unset !important;
}
Greetings from the Store Watchers Support Team! Happy to help you today.
- Go to online store > theme > edit code > assets > screen.css(file) and Paste the below code at the bottom of the file → Save
.price > span.money {
text-decoration: unset !important;
}
After applying the above CSS code , it will show like the following screenshot:
Let me know If need further assistance
Regards,
Store Watchers Support Team