Change product price and discount price in motion theme

Solved
Beasie
Tourist
7 0 4

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
Shopify Partner
14027 1635 5027

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;
}

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Beasie
Tourist
7 0 4

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

0 Likes
Beasie
Tourist
7 0 4

Nevermind I tried a bit by myself with 

grid-product__price--original 

color: #fcc83e;

 

and it helped, thank you anyways!

KetanKumar
Shopify Partner
14027 1635 5027

This is an accepted solution.

@Beasie 

Thanks for the update and support.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
zeshanhaidar
Tourist
9 0 6

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

0 Likes
zeshanhaidar
Tourist
9 0 6

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

0 Likes
KetanKumar
Shopify Partner
14027 1635 5027

@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.

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
zeshanhaidar
Tourist
9 0 6

@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
Shopify Partner
14027 1635 5027

@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;}

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing