Change product price and discount price in motion theme

Store Design
1

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

1 Like
2

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;
}
2 Likes
3

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

4

Nevermind I tried a bit by myself with

grid-product__price–original

color: #fcc83e;

and it helped, thank you anyways!

1 Like
5

@Beasie

Thanks for the update and support.

2 Likes
6

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

7

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

8

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

1 Like
9

@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

1 Like
10

@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;}
1 Like
11

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

1 Like
12

@zeshanhaidar

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

2 Likes
13

@KetanKumar here it is.

motion.png
motion.png1112Ă—504 39.2 KB

1 Like
14

@zeshanhaidar

Thanks

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

2 Likes
15

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

1 Like
16

@zeshanhaidar

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

2 Likes
17

yes, inbox

1 Like
18

@zeshanhaidar

Thanks i will content and update code

2 Likes
19

@zeshanhaidar

i have done this, please checkck

2 Likes
20

Thanks!

1 Like