How can I alter the color of the 'Sold Out' button on the Dawn theme?

Store Design
1

Hello, I’m using the “Dawn” theme, I want to change the color of the “sold out” text under my sold out products with the color code FAD2F5. It only allows me to apply the background color of the theme for the color of the button in the theme settings. How can I change it? Thanks

2

Hi, @pstdio !

You can change the color of the “sold out” text by adding custom CSS to your theme. Here’s how you can do it:

  1. Go to Online Store > Theme > Edit code
  2. Open Assets > base.css
  3. Paste this code at the bottom of the file:
.product .price--sold-out .price__badge-sold-out {
    color: #FAD2F5 !important;
}

Save your changes.

This should change the color of the “sold out” text to #FAD2F5. Let me know if this helps!

3

Hi @pstdio ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

4 
Hello, ı can't find the </body> part in the file
5

@pstdio

Try my answer!

6

Thank you for the suggestion! but it is not on the page that appears after clicking the product. I want the page in the Collections section to change. I think I explained it wrong, I want the color of the text to be white. I want the background color of the text to be in the code color I mentioned.

7

@pstdio , Could you share the url of the website, I will check it more closely

8

https://postudiio.com/collections/mugs