Edit Product Page Pricing Details Below Title on Dawn 15.0 theme

[Artey]

I am on Dawn 15 theme and I would like to change the layout of the price to display ON SALE price followed by WAS Price (original price) on the product page. Can you help me by providing instructions on where this can be changed and how? 

https://www.artey.com.au/products/rubi

[BSSCommerce-HDL]

Hi @Artey, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
.price__sale {
    display: flex !important;
    flex-direction: column !important;
}
span:has(.price-item.price-item--regular) {
    order: 2;
}

span.price-item.price-item--sale.price-item--last {
    order: 1;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[Artey]

Hello. Thank you for the initial response. What about for changing the words used? I want to change the word "From" to "Was". I also want to add the words ON SALE and make it BOLD and bigger than the from price.

Thank you.