Color for hover over


Joined
Oct 10, 2020
Messages
9
Reaction score
0
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)...

Course Index Text Hover.png

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!
 
Ad

Advertisements

Joined
Jul 12, 2020
Messages
32
Reaction score
2
don't know why you would need all that:
Code:
.courseindex .courseindex-item .courseindex-link, .courseindex .courseindex-item .courseindex-chevron {
color: #ffffff;
}

when hovering link is simply
Code:
a:hover { color: #ffffff; }
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top