Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Re: How to change color of normal price in prestige theme

Solved

How to change color of normal price in prestige theme

CorneErkamp
Tourist
7 0 1

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.

 

CorneErkamp_1-1728567686342.png 

CorneErkamp_2-1728567702072.png

CorneErkamp_3-1728567725634.png

 

 

 

Accepted Solution (1)
Tech_Coding
Shopify Partner
417 110 99

This is an 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>

Tech_Coding_0-1728632939555.png

 

Tech_Coding_2-1728633056086.png

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

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

View solution in original post

Replies 9 (9)

suyash1
Shopify Partner
10130 1253 1593

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

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
CorneErkamp
Tourist
7 0 1

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

Color code: 00A767

Thank you in advance!

 

suyash1
Shopify Partner
10130 1253 1593

@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;
}
To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
CorneErkamp
Tourist
7 0 1

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

 

Tech_Coding
Shopify Partner
417 110 99

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>

Tech_Coding_0-1728570133774.png

Tech_Coding_1-1728570162610.png

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

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.
CorneErkamp
Tourist
7 0 1

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

 

CorneErkamp
Tourist
7 0 1

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

 

Tech_Coding
Shopify Partner
417 110 99

This is an 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>

Tech_Coding_0-1728632939555.png

 

Tech_Coding_2-1728633056086.png

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

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Shopify UI Developer
Your Coffee Tips adds a little sweetness to my day.

Kyle_liu
Shopify Partner
279 38 50

Hi @CorneErkamp 

 

You can edit theme:

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

Kyle_liu_0-1728569110972.png

 

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to contact me Email Me Buy Me A Coffee