CSS Badge

[adampreuss]

couldnt find info in forum so I ask you.

For Menu Shop I have put in “NEW” in CSS field. But it dont appear.

[Harry]

Hi Adam,

Please follow our document at http://janstudio.net/gecko/document/#menu-badge and please put text in CSS Class Field as lowercase.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[adampreuss]

thats what tried to explain: I have put the text into CSS field like described.
But it doent show up.
Maybe any CSS code is preventing this as we disabled e.g. the SALE Badge for products?

[Harry]

Hi Adam,

You mean display badge on product listing page? You have to set sale price for your product to show “Sale” badge.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi Adam,

Please add below code in JanStudio > Theme Option > General Layout > Custom CSS

html[lang="de-DE"] .jas-menu li.hot > a:after {
	content: 'HOT';
}
html[lang="de-DE"] .jas-menu li.sale > a:after {
	content: 'SALE';
}
html[lang="de-DE"] .jas-menu li.new > a:after {
	content: 'NEW';
}

And change texts “HOT, SALE, NEW” to your language.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[adampreuss]

unfortunally here also no change …

[Harry]

Hi Adam,

Can you send me admin account again? I try attach account but can’t access.

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi Adam,

I help you correct class in menu badge you should use exactly class “hot, sale, new” and use below code in JanStudio > Theme Option > General Layout > Custom CSS to change text to your language

html[lang="de-DE"] .jas-menu li.hot > a:after {
	content: 'HOT';
}
html[lang="de-DE"] .jas-menu li.sale > a:after {
	content: 'SALE';
}
html[lang="de-DE"] .jas-menu li.new > a:after {
	content: 'NEW';
}

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts