Hi! Thank you for the positive review. ?? It looks like you have a customized home page. What plugin are you using to add that carousel slider with products on the home page? We’ll look into it. It seems that the slider has a non-standard WooCommerce layout and probably missing some hooks so it is not allowing our plugin to kick in.
Regarding the CSS, it’s possible to control some of it. We can add some filters if you need them. When you create a new badge and use it on your shop pages, then such CSS code is added to the HTML by our plugin:
.lion-badge-shape-50814 {background: #f6533e; width: 99px; height: 99px; top: -15px; left: -14px;}
.lion-badge-text-50814 {font-family: Arial; font-size: 19px; color: #FFFFFF; text-align: center; padding-top: 4px;}
So these two .lion-badge-shape-50814 .lion-badge-text-50814 are the main CSS classes. The number e.g. 50814 is the ID of the badge. As you can see, it already has some basic CSS that comes from the badge settings. If you need to overwrite already defined CSS attributes, then you can try !important:
.lion-badge-text-50814 {font-size: 15px !important;}
Let me know if you need assistance.