Issue with Single Product Price Styling

Hi team,
How can I reverse the display order of the “Regular Price” and “Sale Price” for a product? How can I add spacing between the two prices? How can I adjust the letter spacing of the prices?

I couldn’t find the corresponding options in **Typography – Advanced**. I want to achieve the same effect as shown in the example image I uploaded.

Attachments:

You must be logged in to view attached files.

Hello,

It seems you have a maintenance mode – https://prnt.sc/QGkc2zxC33Nb

Could you please send me access to the admin panel?

Kind Regards

OK

Hello,

Try to use the code below:

.single-product  .price{
    display: flex;
    align-items: flex-start;
}

.single-product  .price del {
    order:1;
}

.single-product  .price ins {
    padding-right: 20px;
}

Kind Regards

It worked.
Thanks!

Hello,

You are welcome! If you do not mind, can you please leave a 5 stars rating for our theme by going here: http://themeforest.net/downloads It will allow us to release more updates and provide dedicated support in the future. It would encourage our work a lot.

Have a good day!

Kind Regards

[Author]

Posts