Dawn theme | edit letter spacing and change sold out symbol

[milkymotorsport]

https://milkymotorsports.com/products/aem-aem-21-8122dp-cold-air-intake-system

Can someone pls provide code to increase the ‘recently viewed products’ price spacing to match the price spacing on the ‘you may also like’ products? (green arrow in screenshot)

I also want to change the ‘sold out’ symbol to the attached image:

[Dan-From-Ryviu]

Hi @milkymotorsport

Please add this code to your theme.liquid file before tag in Online store > Themes > Edit code

.AkTopPin__product-content__item-detail__price {
    letter-spacing: .1rem !important;
    line-height: calc(1 + .5 / var(--font-body-scale)) !important;
}

And to change sold out symbol, please go to your Online store > Themes > Edit code > open price.liquid file, find this line of code

      {{ 'products.product.on_sale' | t }}
    

Replace it with this code

[milkymotorsport]

You’re confused about the 2nd item - pls see the ‘sold out’ symbol for the ‘recently viewed products’ section in my screenshot (2nd red arrow) - that’s the symbol I want to change. The code should start with “.AkTopPin__”

[Dan-From-Ryviu]

That symbol is SVG icon, not image so I replace your Sold out text with that icon.