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!
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
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
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!!!
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
Günter,
Brilliant that has worked perfectly.
Thanks