Change sticky menus hover and clicked font color to white only

• 

  stjohnsgeorgetown · Member · Jul 14, 2016 at 7:20 pm

  • Copy link
  • Add topic to favorites

  Hi everyone,

  First, let me state for the record that I am clergy, not a web designer… I would like to set css to override the sticky header menu color at:

  stjohnsgeorgetown.wordpress.com

  I’d like it to always be white. Any help is appreciated!

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

• 

  thesacredpath · Member · Jul 14, 2016 at 7:55 pm

  • Copy link

  Hi there, add the following and see how this works for you. Since the background on the submenus is white, I’ve set the color of the text in those to black (#000). You can edit that color as desired.

  .main-navigation a {
      color: #fff;
  }
  .main-navigation ul ul li a {
      color: #000;
  }

• 

  stjohnsgeorgetown · Member · Jul 15, 2016 at 12:13 am

  • Copy link

  Thanks thesacredpath! These changed the colors in the drop down. Is it possible to change the color of the menus headers from the blue to white (and maybe increase the font size?)

• 

  thesacredpath · Member · Jul 15, 2016 at 1:41 am

  • Copy link

  Hmmm, that’s strange. It worked when I did it before, but it looks like some original colors related CSS is overriding. Add the following instead.

  .main-navigation a {
      color: #fff !important;
  }
  .main-navigation ul ul li a {
      color: #000 !important;
  }

• 

  stjohnsgeorgetown · Member · Jul 15, 2016 at 2:45 pm

  • Copy link

  Perfect! Thanks so much!

• 

  thesacredpath · Member · Jul 15, 2016 at 6:43 pm

  • Copy link

  Hooray and you are welcome!