How do I change my pricing typography and coloring?

Shopify Partner
15 0 6

Dear community,


I want to make some adjustments to my store. I’d like to know the following things:


  1. How can I change the font size of my PRICE?
  2. How can I change the color of my COMPARE AT PRICE?



Password: test

Theme: Motion


Kind regards

Replies 3 (3)

103 0 24

Hi Blcksoap. 


This is my first time answering a question. You can edit the size of the prices by adjusting the CSS of the class. 

I found the CSS of the class by using developer tools on google chrome (Cntrl + Shift + I) or use Cntrl + Shift + C and hover the area you want to identify the class. 


In your case, it would look like this. So, on your theme.css (I believe), change the font size of the class "". If you don't know where the theme.css file is, go to theme tab, find edit code, then find assets tab, then theme.css. 


I hope this helped. If it didn't, let me know. Cheers


Screenshot 2022-03-13 084552.png

Shopify Partner
3879 839 945

Hi @blcksoap ,


You can follow the instruction below:

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

.product__price--compare {
    color: gray !important; /* change gray as you like */
.sale-price {
    font-size: 16px !important; /* change 16 as you like */

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

New Member
4 0 0

Want to change the font style, how to do this please?