How to remove price next to 'sold out' on DAWN theme?

Technical Q&A

Topic summary

A user seeks to hide the price display on sold-out products in the DAWN theme, wanting only “sold out” text to appear.

Proposed Solution:

  • Edit the theme’s base.css file (located in assets folder)
  • Add CSS code to hide the price container for sold-out items:
.price.price--sold-out .price__container {
  display: none;
}
  • Place this CSS at the bottom of the file

Current Status:

  • Another user reports the solution didn’t work for them
  • The helper requests a link to the sold-out product page to provide a tailored solution

The discussion remains open as troubleshooting continues for users experiencing issues with the CSS implementation.

Summarized with AI on November 17. AI used: claude-sonnet-4-5-20250929.
1

I am trying to remove the price next to sold out
I want it to say sold out only

please help

chrome_zKLXRii5qr.png

As you see its not neat

2

Hi @khalil22222

Edit the code of your theme and find base.css under assets and paste below CSS at the bottom.

.price.price--sold-out .price__container {
	display: none;
}
1 Like
3

I am not able to remove sold out

4

HI @siuBery
Kindly share your sold out product link to provide the solution.

Thanks

Sheesh B