special styles for each main menu item

Is it possible to create a special color style for each main menu item? For example, maybe the first main menu item, and its drop down panel, has a background color of blue. Then the next main menu item over, and its drop down panel, has a background color of red. And so on...

Comments

  • Hello,
    there is no option to control each menu item colors separately, however you can do it with css override by adding some css to your joomla template. Each menu item has own css class which contain its ID. Use the following css and change the XX with desired menu item ID:
    .dj-megamenu li.dj-up.itemidXX a.dj-up_a {
    background: red;
    }

    Best
    Szymon
Sign In or Register to comment.