Putting discounted price infront of old price in sense theme

[Alllways]

Hello, I am working on a store using the sense theme.

I am wondering how I can put a discounted price in front of the old price on the product page of the product itself.

Thanks in advance.

[PageFly-Richard]

Hi @Alllways

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css

.price--on-sale .price__sale {
    display: flex !important;
    flex-direction: row-reverse !important;
}

Hope you find my answer helpful!
Best regards,
Richard | PageFly

[Alllways]

Yes, thank you. On the product page itself it is indeed correct now.

But unfortunately on the general products page (collection page) the price now moves from the middle to the right. (see added pictures) Ive also added an example of how i would like it to be.

Kinds regards, and thank in advance.