Support » Fixing WordPress » CSS and menu

  • MyWP


    I would like to style each of my menu items a different color when you hold your mouse over them, but so far, nothing has worked. My latest try is following:

    .menu-item-30 a:hover {
    color: red !important;
    background-color: blue !important;

    But then it just appears like this:

    The white on each side is the menubar.
    The red is the wanted a:hover.
    The black is supposed to be transparrent.

    How do I make the black go away?

    Another question that has been bothering me is how to avoid the submenu. If you for example hold your mouse over a menu item, no submenu will appear, but if you click on the menu item, you’ll be redirected to the page and in that page you’ll find the submenu as links to other pages.

    Hope all of this is understandable.

Viewing 4 replies - 1 through 4 (of 4 total)
  • What theme are you using? Where did you download it from?



    I’m using Arras Theme and downloaded it from But isn’t this plain coding, which suppose to work with all kind of themes?

    For coding of a specific commercial theme, you should contact the theme developers or ask in their support forums.

    In terms of it being a simple css question, we can’t help without an url to look at!

    Also, are you using a Child Theme if you’re adapting a theme? You might want to look into that if you’re not, so that the original theme is preserved and can be updated without losing your code changes.



    Forum Moderator

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘CSS and menu’ is closed to new replies.