Some allergens icons not visible

Hi
thanks for flagging this. this is a mistake I’ll correct in the next update of the plugin.
in the meantime, you could add the following css somewhere (according to these suggestions here perhaps https://docs.wp-pizza.com/advanced/?section=frontend-css-styles-layout )

.wppizza-additives-icons > .wppizza-allergen-milk{background-position: 0px -347px;}
.wppizza-additives-icons > .wppizza-allergen-no_milk{background-position: 0px -347px;}
.wppizza-additives-icons > .wppizza-allergen-no_milk:before{
	display: block;
	content: ' ';
	background-image: url('/wp-content/plugins/wppizza/css/img/allergens-sprite.png');
	background-size: 40px auto;
	background-position: 0px -802px;
	height: 40px;
	width: 40px;    
	position:absolute;
	top:-2px;
	left:0;
}

you might have to adjust the above ‘background-image’ url as required for your particular setup

hope that helps

• This reply was modified 3 years, 8 months ago by ollybach.
• This reply was modified 3 years, 8 months ago by ollybach.

Perfect, works like a charm, thank you!

Hello,

I have the same issue, but the workaround does not work for me.

I’ve noticed I miss the allergens-sprite.png file, but I have an SVG one instead. Tried changing the file name in the code snippet, but still no results.

@thenino

please start a new thread and provide a link to your site

this issue her has been marked as resolved
in fact the whole issue was resolved in an update of the plugin a few weeks ago, so your issue is likely different

the workaround above will not work as it relates to an old version of the plugin no png’s are used anymore since v3.13.1 but svgs

thanks