How can I make price size smaller and red in color, and compare at size larger

[alexschar]

I'd like to make the compare at size larger, and I'd like to make the sale price smaller and the color red.

www.rosegolco.shop

Sense Theme

[PageFly-Richard]

Hi @alexschar 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.price__sale span.price-item.price-item--sale.price-item--last {
    font-size: 15px;
    color: red;
}

s.price-item.price-item--regular {
    font-size: 20px;
}

</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly

[diego_ezfy · Accepted solution]

@alexschar@alexschar, do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.product .price__sale .price-item[class*='last'] {
    font-size: 14px;
        color: #c0392b;
}

.product .price-item[class*='regular'] {
    font-size: 16px;
}


@media (max-width: 749px){

    .product .price__sale .price-item[class*='last'] {
        font-size: 12px !important;

    }
    
    .product .price-item[class*='regular'] {
        font-size: 17px !important;
    }

}

I have added some arbitrary values, but you can customize them as you wish:

14px = big price (desktop)
16px = small price (desktop)

12px = big price (mobile)
17px = small price (mobile)

If it helps you please click on the "like" button and mark this answer as a solution!

Thank you.

Kind regards,
Diego