A problem about discount price


there is a important problem about discount price on Theshop theme.
Becase when discount is on the main price whereas it should near of main price.
Because there is a space down and order breaks down on shop page list or on category list…

for example

and control my test website



What you can do on these products to have the same height is to hide the regular price with this Custom CSS:

.sale ins .woocommerce-Price-amount.amount {
    display: none !important;

Please add the above CSS to your Child Theme’s style.css or in case you haven’t setup a Child Theme already, then you can also use this plugin to add the CSS to it: https://wordpress.org/plugins/simple-custom-css/ so you will not loose the changes on theme updates.

Please let me know how it works.

Best Regards,

Firstly thank you but i dont want to hide Real Price

I want to real price near discount price… they must be side by side. Not over and over…

İf it is not possible, you can give css code me to hide discount price not real price.

Thank you so much.

Have a good day .

H, again.

İ tell with a images. In fact i dont want to hide discount price. i want discount price near real price.

you can look images here

Thank you

you can see example under link my telling thing…

and you can control the problem on my website (in the test phase, now)


I find the CSS codes by very a helpful person in wordpress support forums.
Thank you him.

Everybody can try this CSS codes

.woocommerce ul.products li.product .price del {



Great! I’m glad it’s resolved! If you need help with anything else, please open a new topic.

Have a nice day!

Best Regards,