How to change background and text colour for menu subitem in Masu theme

  • Unknown's avatar
    janeboyer · Member ·

    Hello,

    Can anyone help me with tips on how to change the background hover colour and text colour of a Menu subitem please? I have found two different CSS expressions for changing these colours and added them to my Appearance Editor Styles additional CSS area, and saved the changes, but it hasn’t changed the colours of the menu subitem. I have changed the colour of my site buttons and I would like this menu subitem drop down to match the other buttons on the site. Thanks.

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

  • Unknown's avatar
    janeboyer · Member ·

    Sorry I forgot to mention, I’m using the Mesu Theme.

  • supernovia · Staff ·

    Hey there @janeboyer, I want to say the navigation submenu items don’t have finer control yet, so you’ll use a CSS snippet instead. Something like this would work:

    li.wp-block-pages-list__item.wp-block-navigation-item.open-on-hover-click.has-text-color.has-primary-color.has-background.has-background-background-color {
    background-color: var(--wp--preset--color--custom-color-7) !important;
}

    And you’d use the custom color you set up in the palette, or you could specify in color code. Want to give that a try?

  • Unknown's avatar
    janeboyer · Member ·

    Thanks very much @supernovia! That worked a charm! x

  • The topic ‘How to change background and text colour for menu subitem in Masu theme’ is closed to new replies.