Lion Plugins

Thanks a bunch! ?? Happy to hear!

Hi @blueebrd,

Sorry for the late reply. What have you described here sounds like a theme compatibility issue. I’m afraid that I can’t help much here. We try to make our plugins compatible with themes that follows WooCommerce templating standards e.g. Storefront, but I see you are using Flatsome – multi-purpose theme. It’s something that you should check with your theme developer or try to hire someone to do the adjustments for you.

Hi nceeoh,

Sorry for the delay in replying. What theme are you using? Have you tried to change the theme to Storefront and see if it works? It might be a theme related issue.

Hi @alexnap,

It is a good idea to have shortcode like that. We’ll add it to the plugin and release a new version next week. We’ll notify you here when the new version is out.

Have a nice day!

Hi @jlcadorin,

I think it is a theme related issue. Probably some WooCommerce template hooks are missing. @jlcadorin Could you please send your site address to lionplugins[eta]gmail.com so that we can take a closer look?

Glad to you hear that it is working for you! Thank you for leaving your feedback! We’ve answered regarding the CSS thing in the support forum ??

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.