Re: How to Change the Product Price Colour

Solved

How can I adjust the color of the product price using CSS code?

Legend
Excursionist
15 0 6

Hello

Can someone help with applying CSS code to modify the colour of the 'product price' on theme: Narrative?

What code file do I need to edit exactly?
What code to apply, with any example colour hex?

 

Thanks

Accepted Solution (1)
KetanKumar
Shopify Partner
37094 3645 12053

This is an accepted solution.

@Legend 

thanks for url yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product__current-price {
    color: #fa4040; /* change color as you like */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 4 (4)

KetanKumar
Shopify Partner
37094 3645 12053

@Legend 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Legend
Excursionist
15 0 6

@KetanKumar 

 

 

Thanks

KetanKumar
Shopify Partner
37094 3645 12053

This is an accepted solution.

@Legend 

thanks for url yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product__current-price {
    color: #fa4040; /* change color as you like */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Zworthkey
Shopify Partner
5581 642 1577

Hii, @Legend 
Paste this code on top of the theme.scss file.

p.product__price {
    color: red !important;
}

You can change the color name as your choice.
Thank You.