How set padding for this badge, coz it looks broken

d3kazakhstan

1.png

Badge on Products with sale percantage looks a lil bit broken and ugly because there is no space on left and right sides. How to make it a lil bigger and set Sale value in the middle of the badge with equal space on every side. Thank you

Phil

Hi,

Please always attach a link to your website so we can check it out. If the page is offline(localhost), then our help will be limited. You will have to contact us when the page is online. Also, please make sure that the page is not under maintenance before you provide us with the link.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

d3kazakhstan

Sorry for this. Here is the link to the page https://ablstore.kz/product/babor-clean-formance-oil-free-matte-effect-gel-cream-50-ml/

Phil

Elementor styles overwrite ours, and it causes this problem.

You can use the following code to correct the display:

.woocommerce .elementor-widget-woocommerce-product-images span.onsale{
   padding: 3px 8px!important;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

Learn more: Video Tutorials | How To | FAQ Vote on what comes next