Menu colour change

• 

  zord88 · Member · Oct 1, 2014 at 2:17 pm

  • Copy link
  • Add topic to favorites

  Can anyone suggest how i can change the background colour and the font settings for my child pages in my main menu.

  For example the “bad weather” tab under “contact” has a white background and plain text. I would like to change this.

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

• 

  senff · Staff · Oct 1, 2014 at 2:20 pm

  • Copy link

  Try adding this CSS to change the color of the submenus:

  #access ul ul li {
      background: red;
  }

  Of course, replace “red” with the color you prefer.

• 

  hallluke · Member · Oct 1, 2014 at 2:25 pm

  • Copy link

  Here’s the code to try (with some horribly bright colours, sorry):

  #access li li > a,
  #access li li > a:link {
    background:#f00;
    color: #0f0;
    font-family:courier;
  }
  
  #access li li > a:hover {
    background:#00f;
  }

• 

  zord88 · Member · Oct 1, 2014 at 2:52 pm

  • Copy link

  That worked perfectly thanks. How would i do the same thing with the main headings? i.e. contact, home, policies??

• 

  senff · Staff · Oct 1, 2014 at 3:07 pm

  • Copy link

  To change the color of the main headings (in this example, blue):

  .singular .entry-title {
      color: blue;
  }