Compare at price, wrong colour - Minimal Theme

Store Design
, ,
1

Hey team,

The compare at price is coloured correctly on the collection grid page, but is showing the opposite colours on the product page. Please see below:

Collection grid:

IMG_8235.jpeg
IMG_8235.jpeg671×387 30.9 KB

Product page:

IMG_8236.jpeg
IMG_8236.jpeg1284×780 89.6 KB

Can you please help me to correct the product page colour to:

Price = Red

Compare at Price = Black (with strikethrough)

2

@insideout_aus
Hello, Can You Please Share Your Store URL? I Will Check and Provide a Proper Solution

3

Thank you!

https://insideoutvintage.com/collections/new-arrivals

4

Hi @insideout_aus

This is Noah 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

PageFlyNoah_0-1691630568756.png
PageFlyNoah_0-1691630568756.png2880×1516 470 KB

Hope this can help you solve the issue

Best regards,

Noah | PageFly

5

This worked partially, but now my non-sale item prices are red

6

Hello @insideout_aus

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->timber.scss.css>Add this code at the bottom.

.product-single__prices span {
    color: red !important;
}
7

That also made my product prices red, to clarify I only want items on sale to be red so:

Compare at Price = Black with strikethrough
Price: Red

Single Price (without compare at price) = Black

8

Hi @insideout_aus Please help me to replace the code above with this new one:
9

Thank you @PageFly-Noah this worked perfectly