“Sale and regular” price in shop page on two rows

Here is some CSS that will break the line between regular and sale price.

.product_price del span:nth-child(2):after {
    content: "\a";
    white-space: pre;
}

Just copy and paste it into Appearance> Theme Options> Advanced Settings> Custom CSS.

I’m working on writing some CSS that will fix the size of the items as well.

Hey,
I suggest just this css:

.product_item .product_price del {
    display: block;
}

Kadence Themes

Thank you guys !

Kevin, your code work partially only for variable products, at single products did not work.

Kadence team everything works perfectly.

I will update to premium version your support is absolutely brilliant.

Thanks again.
Ivan