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

Store Design
1

{Smaller in size}.jpg
{Smaller in size}.jpg1920×1080 87.6 KB

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

2

Hi @alexschar

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the 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

PageFlyRichard_0-1711503084149.png
PageFlyRichard_0-1711503084149.png1417×953 228 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly

3

@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