Change product price and discount price in motion theme

[Beasie]

Hi,

I want to change the colors of my prices on my store.

I also came across: a topic where this code was pasted:

.product__price {
color: #fcc83e; 
}

The problem is that both prices (discounted price and original price) are now the same color. I want to make my old price in #fcc83e and new price in all black.

Can anyone please help me out?

Website: beasie.nl

[KetanKumar]

Hello, @Beasie 

Welcome to the Shopify community!
and Thanks for your Good question.

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

.grid-product__price--original {
color: #fcc83e;
}

[Beasie]

Hi ,

Thank you for your response. It helped me half. On the home page I see the yellow original price and black discounted price, but on the product page it's all black. 

Can you help me fix this please?

Thank you

[Beasie]

Nevermind I tried a bit by myself with 

grid-product__price--original 

color: #fcc83e;

and it helped, thank you anyways!

[KetanKumar · Accepted solution]

@Beasie 

Thanks for the update and support.

[zeshanhaidar]

@KetanKumar Can you help in removing the product price from the collection page? I am using the Motion theme.

[zeshanhaidar]

Can you help me to remove the product price from the collection page? Using the motion theme. Thanks!

[KetanKumar]

@zeshanhaidar 

Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.

[zeshanhaidar]

@KetanKumar thank you for your quick response. I have been looking for your answer at different threads and trued but it was not solved. Have a look: https://ronitatechnology.com/collections/fttx-solution-fiber-management

[KetanKumar]

@zeshanhaidar 

Thanks for store url

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

.template-collection .grid-product__price {display: none;}

[zeshanhaidar]

@KetanKumar I tried it now but it is not working for me. I don't know why. Is there any other method?

[KetanKumar]

@zeshanhaidar 

sorry, i can see this code on the theme.css file can you please add and let me know 

[zeshanhaidar]

@KetanKumar here it is.

[KetanKumar]

@zeshanhaidar 

Thanks 

is possible to add me on staff account so i will check and quick fix 

[zeshanhaidar]

@KetanKumar Can't add due to restriction. Can you present any other solution. I will be thankful.

[KetanKumar]

@zeshanhaidar 

yes do you have use anydesk so i will content your system remote 

[zeshanhaidar]

yes, inbox

[KetanKumar]

@zeshanhaidar 

Thanks i will content and update code

[KetanKumar]

@zeshanhaidar 

i have done this, please checkck

[zeshanhaidar]

Thanks!

[KetanKumar]

@zeshanhaidar 

Thank for your feedback and support.

[fredtche]

Hi 

I am in theme motion and I wanted Discounted prices in RED and original price in BLACK

I tried the following code but ALL are red:

.product__price {
color: #D61919;
}
.grid-product__price--original {
color: #000000;
}

Can someone help please ...? thank you very much and MERRY XMAS

[KetanKumar]

@fredtche 

Welcome to the Shopify community!
and Thanks for your question.

Please share your site URL,
So I will check and provide a solution here.

[fredtche]

Hi @KetanKumar 

Thank you. Link is https://romantiico.com/

[KetanKumar]

@fredtche 

Thanks can you please 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__price {
    color: #000;
}
.product__price.on-sale {
    color: #D61919;
}

[fredtche]

GREAT! Thank you it worked finally! Have a great day! And Merry Xmas and Happy New year!

Fred

[KetanKumar]

@fredtche 

Thanks for your feedback and support.

[sublimertm]

Hi Ketan,

I would like to remove the quote 'Sale' which is located next to the sale price on my store but I could not find where I could fix this in the code. Would you have a solution to this problem?

My URL is: https://sublimertm.com/en

I am thanking you in advance

Niels Molenaar

[KetanKumar]

@sublimertm 

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

.price-item__label {
display: none;
}

[sublimertm]

Great, it worked! Thankyou a lot for your help

[sublimertm]

Do you also know how to remove the 'Tax included' note under the price? 

[KetanKumar]

@sublimertm 

Thanks for it 

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__policies {display: none;}