Menu Items Grayed Out/Faded After Viewing Them

  • Unknown's avatar
    beckymoulder · Member ·

    I’m using the Textbook theme for my infocanvas.upenn.edu site. I’ve noticed that the dropdown menu items become grayed out/faded after I view them. On Chrome and Firefox the grayed out text can be very hard to read.

    Is there a way to change the settings so that these dropdown menu items don’t gray out/fade after someone clicks on them?

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    kosiew · Member ·

    hi,

    I initially thought that CSS customization would help but could not write the correct CSS customization to achieve this.

    Since this has been unanswered for 3 days, I have tagged modlook for a Staff to help you with this.
    Thank you for your patience while they get back to you.

  • kokkieh · Staff ·

    Hi there,

    This custom CSS code works for the submenu items:

    .main-navigation a:visited {
color: #ccc !important;
}

    But I can’t get it to work for the main menu items while the submenus are active. I also see you have a number of CSS customizations affecting your site menus already, which might be overriding this code.

    I’ll ask a colleague to take a look as well.

  • Unknown's avatar
    thesacredpath · Member ·

    Hi @beckymoulder, to affect only the submenu items when they have been visited, let’s make a slight change to the code @kokkieh gave above and see what you think. It limits this change to only the submenu items.

    .main-navigation .sub-menu a:visited {
color: #ccc !important;
}
  • The topic ‘Menu Items Grayed Out/Faded After Viewing Them’ is closed to new replies.