Menu item text changes color only on hovering on text but not on complete button/block surface

How To
1

hi, menu item text changes color only on hovering on text but not on complete button/block surface. there is dashboard link/button in menu on below link. if i hover over surface of menu only, link and text color is not activated. text only changes color if mouse touches the text. i want text to change color to white as soon as ouse touches the black button surface. please check this in below link. thanks

check here https://www.computeman.com/

2

Hi,
Welcome to the forum!

The text color of the div is overwritten by various other styles:

image
image1220Ă—260 50.8 KB

To override the text color of the link when hovering the div, you need to use a more specific selector (in the custom CSS of the div):

%root%:hover h2 a {
  color: red;
}

Best regards,
timmse

3

the text color of link in the button changes after mouse touches the text but not as soon as mouse touches the button which contain the text link. please check ‘dashboard’ button in hover on this link to get an ideahttps://www.computeman.com/ if you hover mouse on button surface the text do not change color until mouse touches the text. i want that text becomes visible as soon mouse touches or enter the button area.
thanks

4

It does exactly that using the CSS I provided you with:

CleanShot 2025-01-16 at 09.49.54

5

hi,
thank you. It worked.

6

hi, the same button ‘dashboard’ in menu do not active link on touching/entering button. it only do so after touching text. how to activate link as soon as mouse enters button space. this is for same btton for which you gave below css code

%root%:hover h2 a {
color: red;
}