How to change color of normal price in prestige theme

[CorneErkamp]

Hi, I use prestige theme and i want to change the color of the price on the product page and collection page. I will add some pictures to make it more clear. I think i need to change something in the code.

As you can see in the pictures, when there is an compare with price, then there is no problem. But when its the price only then there appears no color.

 

[suyash1]

@CorneErkamp - can you please share product page link with single price? what color do you want?

[CorneErkamp]

Hi, https://serafido.nl/products/kelvin-gewatteerde-heren-jas

Color code: 00A767

Thank you in advance!

[suyash1]

@CorneErkamp  please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> theme.css

.product sale-price.h4 {
    color: #00A767;
}

[CorneErkamp]

Hi, this one doesnt work, maybe i did something wrong

[Tech_Coding]

Hello @CorneErkamp 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
    sale-price.h4.text-subdued {
       color: #00b67a !important;
   }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[CorneErkamp]

Hi, it worked on my product page but not on my collection page 🙂

[CorneErkamp]

Do you have a code that also works on the collectio n page?

[Tech_Coding · Accepted solution]

Hello @CorneErkamp  sorry for late reply

replace the above code with this code

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
   sale-price.text-subdued {
      color: #00b67a !important;
   }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Kyle_liu]

Hi @CorneErkamp 

You can edit theme:

.text-subdued {
  font-weight: bold;
  color: #00a767;
}