Need different Icon color for two menu items

Hello! I've created two menu items, one for venomous snakes, the other for non-venomous.

I've added icons for these two menu items, but I want one icon to be red (venomous) and the other to be green (non-venomous).

Is there a way to do this?
Thanks!
Lisa W.

Hi
yes you can do that
if you want the whole text + icon you can do that using the Pro version and edition each menu item. You will get the settings to style the menu item separately
else you can style only the icon using CSS and target your item with the custom css class applied to it that you can get with your browser web console
CEd

I know how to add the icon to a menu item. I need to know that the CSS element is for the icon so I can add color.

I pulled this out using Chrome DevTools:

How would I format this to use it within the single menu item?
Thanks!
Lisa W.

you can use the css class ".itemXX" where XX is the ID of the menu item
give me the url of your page so that I can check your menu and give you more details. Tell me which icon you want to style

That would be so helpful!!



Pls let me know if you have any questions!
Thanks again!
Lisa W.

ok, you can add this code