Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.woocommerce ul.products li.product.classic .onsale {
width: auto !important;
}
The sale badge is not working, see the attachment.
Hey,
Please provide the page URL so I may write up the custom CSS for this request.
Thanks
ThemeNectar Support Team
The URL is https://www.lantackbeta.nl/assortiment
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
.woocommerce ul.products li.product.classic .onsale { width: auto !important; }Thanks
ThemeNectar Support Team
Thank you, this worked... but it is not being displayed like in the demo's.
Could you please help me out to fix this? See the attachement.
And is it possible to use the transparant header on the shop page?
Hey Again,
- Use this revised CSS:
.woocommerce ul.products li.product.classic .onsale { width: auto !important; line-height: 19px; padding: 7px 20px !important; min-height: 1.236em; font-size: 15px !important; }-Set a Header for the Shop Page for it to be transparent. Also try using the "Header Permanent Transparent" Option : http://prntscr.com/gyj1t2 .
Thanks
ThemeNectar Support Team