So I have Woocommerce instead and setup to sell merch from my site. But there is an issue with sale prices. As you can see in the link provided. It shows the sale price in red yes, but the regular price is for some reason really tiny and all the way at the top of the product image instead of to the left of the sale price with a strike through it.
Also, the sale price is in bold now for some reason. I want it to be the same weight as all the other prices.
The CSS code I suggested was also supposed to relocate the regular price to its original position. At the moment, I don't see any product in sale on your page, so it's difficult for me to understand what was not working.
Hey there,
So I have Woocommerce instead and setup to sell merch from my site. But there is an issue with sale prices. As you can see in the link provided. It shows the sale price in red yes, but the regular price is for some reason really tiny and all the way at the top of the product image instead of to the left of the sale price with a strike through it.
Also, the sale price is in bold now for some reason. I want it to be the same weight as all the other prices.
Whats going on here? How can we solve this?
Thanks,
Hello? Anyone?
Hi Alex,
Please go to wp-admin>theme options>custom css/js
And add this code in the custom css field:
.price .amount, .woocommerce:not(.single-product) span.price del .amount { {
font-size: 28px;
line-height: 1;
font-weight: 400;
}
.woocommerce:not(.single-product) span.price del {
position: static;
transform: none;
}
Thanks,
Alexandre from the Sonaar.io Crew
Hey there,
Thanks for replying!
Hmm ok I tried it and it looks like it only fixed the font issue. But the regular price is still in the wrong place.
Hi Alex.
The CSS code I suggested was also supposed to relocate the regular price to its original position. At the moment, I don't see any product in sale on your page, so it's difficult for me to understand what was not working.
Thanks,
Alexandre from the Sonaar.io Crew
Hey there,
No worries I figured out what was wrong. The code you wrote had an extra "{". I removed it and it worked!
Well done. Sorry for this.
Thanks,
Alexandre from the Sonaar.io Crew