Skip to main content
Best Answer

CSS for Menu Color background

  • August 12, 2022
  • 4 replies
  • 125 views

Hey folks! 

Does anyone know the CSS for changing the flyout menu background color? 

Thanks!

Best answer by dgladfelter

I believe the following will work for you.

nav.user-menu-navigation {

background-color: red;

}

Obviously replace RED with the hex color you want.

4 replies

  • Contributor I
  • Answer
  • August 12, 2022

I believe the following will work for you.

nav.user-menu-navigation {

background-color: red;

}

Obviously replace RED with the hex color you want.


  • Author
  • Novice II
  • August 12, 2022

That did work, thank you! 

@dgladfelter you wouldn’t happen to have the CSS for changing the text color for the user menu too would you?


  • Contributor I
  • August 12, 2022

Menu text would be:

.user-menu-item-title {

color: aqua;

}

The active menu text was a bit trickier to get to work on my end. I had to do:

doc-layout-user-menu .user-menu-item.user-menu-item-active .user-menu-item-title {

color: red;

}

 


  • Author
  • Novice II
  • August 12, 2022

Hmm, I tried both options and neither seemed to change the menu text color.