Color for hover over

[ExternalUser1]

Hi all, I am not a dev but I need to change something ni CSS, I am learning to use the broswer console to look to the code there...

I am in Moodle 4 inside a course, I would like to know how to change the color for hover over the links from black to white ?

See screenshot, the links are showing white in the course index (Item 1) I applied the next CSS code for that (also the black background was added by me there):

.courseindex .courseindex-item .courseindex-link, .courseindex .courseindex-item .courseindex-chevron {
color: #ffffff;
}

but when I hover over an item in the menu (e.g: the link "General") it apply the black colour and it disappears (see item 2)...

If you have some time and would like to try it out in a real site you could login in the Moodle official sandbox site with the below details...

https://sandbox.moodledemo.net/course/view.php?id=2
Username: admin
Password: sandbox

I appreciate any help!

 

[c1lonewolf]

don't know why you would need all that:

.courseindex .courseindex-item .courseindex-link, .courseindex .courseindex-item .courseindex-chevron {
color: #ffffff;
}

when hovering link is simply

a:hover { color: #ffffff; }