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
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
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
The topic ‘Issue with Single Product Price Styling’ is closed to new replies.
.
