Drop Down menu font colour in Big Brother Theme

  • Unknown's avatar
    yummiedeli · Member ·

    I have been having trouble changing the font colour of my navigation menus drop down menu. I have successfully changed the background to white and the font to #9f111b. And the hover colour to #9f111b with the font white. However, that ended up changing my drop down menu font to white on white and it is only eligible when I hover with the #9f111b colour. Is there any fix to change the font colour in the dropdown menu to #9f111b and then keep everything else the exact same?

    Here are my CSS so far…

    .menu-item a: {
	color: #9f111b;
}
.menu-item a:visited {
	color: #9f111b;
}
.menu li a:hover {
	background: #9f111b;
}
.main-navigation ul ul li {
	background: #FFF;
}
.main-navigation li:hover a, .main-navigation li:hover a:visited {
	color: #FFF;
}

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, add the following custom CSS to get the submenu non-hover color to the one you specified. 

    .main-navigation .sub-menu a {
    color: #9f111b !important;
}
.main-navigation .sub-menu a:hover {
    color: #fff !important;
}
  • Unknown's avatar
    hallluke · Member ·

    You might want to swap that for this code which also stops the “Menu” text from going white when you hover over one of the sub-items:

    .main-navigation .sub-menu a,
.main-navigation li.menu-item-has-children a {
	color: #9f111b;
}
.main-navigation .sub-menu a:hover,
.main-navigation li.menu-item-has-children a:hover {
	color: #fff;
}
  • Unknown's avatar
    yummiedeli · Member ·

    Thank you, thank you, thank you! A million times over! That is such a relief.
    I noticed that thesacredpath’s CSS worked perfectly but did leave the “Menu” text white when I hovered on a sub-item, like hallluke said. I then gave hallluke’s CSS a shot which happened to switch everything back to white on white. However, I figured the !important; was, well… important. So, I threw that in and it worked like a charm! Thanks again you both!!

  • Unknown's avatar
    hallluke · Member ·

    Oops, I’m not sure how I managed to not copy those bits over, I basically just stole @thesacretpath’s example in the previous reply. I’m glad you got it all sorted though, smart thinking!

  • The topic ‘Drop Down menu font colour in Big Brother Theme’ is closed to new replies.