Background color of submenu

  • Resolved woronczak

    (@woronczak)


    7 years, 10 months ago

    Hi there.

    My website is https://the.emergencyphysio.com/.

    I have managed to change the background color of the menu (to a blue) and the color of the current page (to a dark blue) using custom css. I have also made the hover color to the dark blue.

    I can’t figure out how to change the menu select highlight color of the second and subsequent menus (ie on my website eg anatomy – muscle anatomy – attachments and actions). I want this color away from the grey to the dark blue that works on the first menu level.

    Thanks in advance

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

  • Hi there,

    Our Colors add-on allows you to this in the Customizer, or you can use CSS: https://gist.github.com/generatepress/793804f553c25c70823c

    Let me know.

    Thread Starter woronczak

    (@woronczak)

    Hi Leo.

    I have been using custom CSS for the rest of the changes, but I can’t seem to find the bit that changes the colour of the current secondary menu item (as in the above example on my website). Any ideas which code it is for that?

    Thread Starter woronczak

    (@woronczak)

    It’s OK, I figured it out. I really had no idea what I was doing, but struck gold!

    To get all the hover over and focus on menu backgrounds to a different colour, add this to the custom CSS (change the background-color to whatever you like – this gives you dark blue with white writing)

    .main-navigation .main-nav ul li > a:hover,
    .main-navigation .main-nav ul li > a:focus,
    .main-navigation .main-nav ul ul li > a:hover,
    .main-navigation .main-nav ul ul li > a:focus,
    .main-navigation .main-nav ul ul li.sfHover > a,
    .main-navigation .main-nav ul li.sfHover > a {
    background-color: #2b0C9b;
    color:#ffffff;

    Thread Starter woronczak

    (@woronczak)

    Solved

    Glad I could help!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Background color of submenu’ is closed to new replies.