primary menu color

  • I’m having problems changing the color of the primary menu. I have this added to the additional CSS section of the customizer and I’m not certain what I’m doing wrong.

    #primary-menu ul ul li {
background: #ffc814 ;
}

#primary-menu ul ul li a {
color: #ffffff !important;
}

    Any help is appreciated.

    TIA
    Pattie

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Try this custom CSS instead:

    #primary-menu li {
    background-color: #ffc814;
}

#primary-menu a {
    color: #fff;
}
    Thread Starter Patricia Taylor

    (@pattiearnold)

    Hi Stephen,

    That worked to add a background color, but not to change the mouse over, and I didn’t like the background, sorry. Any way to just change the text colors? I tried switching out background-color for just color and alas, no results.

    I still can’t figure out why this is so difficult. I should be able to just put in the correct css for the class or div and it work but it’s a bit frustrating.

    that worked to add a background color, but not to change the mouse over

    Any way to just change the text colors? I tried switching out background-color for just color and alas, no results.

    Hi there,

    Can you clarify what it is you’re trying to do?

    Do you want to change the menu text colour only when hovering over it?

    If you do, please delete the CSS rules below from your custom CSS:

    #primary-menu li {
color: #ffc814 !important;
}

#primary-menu a {
color: #ffffff !important;
}

    Once those are deleted, then try adding this:

    #site-navigation a:hover {
    color: #ffc814;
}

    The hex # colour value can be changed to whatever you prefer

    If that is not what you want to do, please clarify exactly what it is you’d like to change – which items (font colour or background colour) and for which states (hover or normal).

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘primary menu color’ is closed to new replies.

Tags