Change price and compare price color

[Rickyxane]

Dear,

I would like to change the color of the price and compare price on the product page. 

&

Swap the position of the price. This is how it is now:

How I would like to have the colors and position:

So first the old compare price, then the new discounted price.

Using the symmetry theme, Here's a link to my product page: Product page 

Could someone help me with this?

Thank you for your time!

[DaisyVo · Accepted solution]

Hi @Rickyxane 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file main.css and add this code at the end of the file

span.price__current {
    font-size: 25px !important;
}

Result 

Best,

Daisy

[Rickyxane]

Thank you @DaisyVo for this working solution! And could you help me reduce the size of the variant pickers? 

Would like to reduce the size. 

Thank you!