How do I change my pricing typography and coloring?

blcksoap
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?

 

Website: https://store-lamris1.myshopify.com/products/product

Password: test

Theme: Motion

 

Kind regards

Replies 3 (3)

schoe3
Pathfinder
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 "product_price.sale-price". 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

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

banned
MrFoxmox
New Member
4 0 0

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