Need different Icon color for two menu items
Need different Icon color for two menu items was created by guitrldy
Posted 3 years 3 months ago #59346
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.
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.
by guitrldy
Please Log in or Create an account to join the conversation.
Replied by ced1870 on topic Need different Icon color for two menu items
Posted 3 years 3 months ago #59347
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
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
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
Replied by guitrldy on topic Need different Icon color for two menu items
Posted 3 years 3 months ago #59348
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.
I pulled this out using Chrome DevTools:
Code:
div#willamenu.maximenuckh ul.maximenuck li.level1 li > *:not(div) .maximenuiconck {
float: left;
line-height: 7px;
color: #467341;
}
How would I format this to use it within the single menu item?
Thanks!
Lisa W.
Last Edit:3 years 3 months ago
by guitrldy
Last edit: 3 years 3 months ago by guitrldy.
Please Log in or Create an account to join the conversation.
Replied by ced1870 on topic Need different Icon color for two menu items
Posted 3 years 2 months ago #59356
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
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
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
Replied by guitrldy on topic Need different Icon color for two menu items
Posted 3 years 2 months ago #59408
That would be so helpful!!
Pls let me know if you have any questions!
Thanks again!
Lisa W.
This message contains confidential information
Pls let me know if you have any questions!
Thanks again!
Lisa W.
by guitrldy
Please Log in or Create an account to join the conversation.
Replied by ced1870 on topic Need different Icon color for two menu items
Posted 3 years 2 months ago #59414
ok, you can add this code
Code:
div#willamenu.maximenuckh ul.maximenuck li.item918 > a .maximenuiconck {
color: red !important;
}
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
Time to create page: 0.671 seconds