How do I change my pricing typography and coloring?

[blcksoap]

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

[schoe3]

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

[AvadaCommerce]

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.

[MrFoxmox]

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