Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #254516

    Hello Kriesi,

    I would like to change the backgrond color of the submenu on different pages.
    So I found this code:

    #top .main_menu .menu ul li a:hover { background-color: red; } /* changes the background color of submenu item on hover */
    #top .main_menu .menu ul li a { color: green; background-color: orange; } /* changes the color and background color of submenu items */
    

    And before the code i place: .page-id-3385 .

    But that didn’t work :(

    How can I fix that?

    ————
    (for example I would like:
    on page-id-3385 Black background color of the submenu and a hover: yellow
    and
    on page-id-1234 Yellow background color of the submenu and a hover: black
    ————-
    Many thanks

    #255161

    Hi peterd!

    Please try as following

     .page-id-3385 .main_menu .menu ul li a:hover { background-color: red; }

    simply without #top

    Best regards,
    Yigit

    #255410

    Thanks Yigit, that’s simple but works great!!

    Regards, Peter

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘different background color of the submenu on the different pages’ is closed to new replies.