[Resolved] change color for unused menu items

Home Forums Support [Resolved] change color for unused menu items

Home Forums Support change color for unused menu items

  • This topic has 7 replies, 3 voices, and was last updated 5 months ago by David.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #2388580
    Stefan

    Hi, I`ve got a question again. Is there a css, which I click or hover on one menu item and the other items change their color to (e.g.) grey, so that only the “active” menu items is colorful?
    Thanks ๐Ÿ™‚

    #2388627
    Ying
    Staff
    Customer Support

    Hi there,

    Do you mean the color change only happens when a link is hovered?

    Try this CSS to set the other menu items link color to grey when one of the menu item is hovered.

    .main-navigation ul:has(li:hover) li:not(:hover) a {
        color: grey;
    }
    #2392685
    Stefan

    Hi thanks for your reply but there is no change, when i hover over a menu item :-(. Maybe its because my question wasn`t exactly enough (sorry for that).
    if you coult visit my site (it is juist at the beginnig of creating again ๐Ÿ™‚ you could see what i mean. The menu items “รœber Uns”, “Aktuelles”, “Ereignisse …”,… should change color, when i hover or click on one item (that items shouldn`t change its color) to grey (like fade out). Its for fokusing on the clicked item. when releasing, all colors should should change to origin again. Hope you know what I mean (sorry for my explanation ๐Ÿ™‚ )

    #2393140
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    
    .main-navigation .main-nav ul:hover li:not(:hover) {
        opacity: 0.5;
    }
    #2393150
    Stefan

    Hey David,
    thanks for the css. It looks good. One Question remains. Is it possible, that the submenu keeps keeps its opacity?

    #2393153
    David
    Staff
    Customer Support

    Try:

    
    .main-navigation .main-nav>ul:hover > li:not(:hover) {
        opacity: 0.5;
    }

    If that don’t work, can you share a link to where i can see it ?

    #2393163
    Stefan

    It works fine. Thanks a lot

    #2393167
    David
    Staff
    Customer Support
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.