How to hide the 'compare-at' price on product card (but keep it for the variation). Dawn theme

[liverpool]

Hi everyone 
I have certain variations on sale, and would like to hide the 'compare-at' price on the product card, because it is making the home page and collection page look cluttered and confusing. See my screenshot. (Interestingly, 'the compare-at' price is not showing on all the products, even though all products have the same size variation on sale.) 

Can anyone advise on how to do this?
I would like to keep the compare-at price for when the customer navigates to that particular variation. 

The url is www.thechristianpostercompany.com

[EmilO · Accepted solution]

A fix could be to go to Online Store -> Customize (On the theme) -> Select the section you want to hide it from -> Custom CSS

Then paste this into it

.price--on-sale .price-item--regular {
   display: none;
}

Let me know if that fixed it for you 😄 

[liverpool]

This has worked.  Thank you!!