Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #996196

    Hi,

    How do you change the text and background colour for the main menu items when hovering over them ONLY on a specific page?

    Thank you for your help!

    #996262

    Hey ProTravelGolf,

    Please post a link to the page/post where you want to change the color – we can then provide a working css code.

    Best regards,
    Dude

    #996280
    This reply has been marked as private.
    #996404

    Hi,

    Thanks for the link. I’m not sure exactly what you are looking to change, but this should work for your home menu link on that specific page only:

    .page-id-483 #menu-item-638 .avia-menu-text:hover {
      color:red !important;
    }

    Best regards,
    Rikard

    #996427
    This reply has been marked as private.
    #996845

    Rikard,

    Hold that thought. I´ve solved the problem now by messing around with the css. Thanks anyway!

    You can close this thread now!

    Thank you again for all your great support!!!

    #996849
    This reply has been marked as private.
    #997091

    Hi,

    If you only want this CSS rule for page 483 you have to remove the text after the comma, means you have to use:

    
    .page-id-483 .header_color .main_menu ul:first-child > li.current-menu-item > a{ 
    background-color: transparent!important;
    }
    

    Best regards,
    Günter

    #997154

    Günter,

    Brilliant that has worked perfectly.

    Thanks

    #997187

    Hi,

    Glad we could help you.

    Feel free to come back when you need further assistance.

    Enjoy the theme and have a nice day.

    Best regards,
    Günter

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Specific page main menu item hover background colour’ is closed to new replies.