Hi,
Running Moodle 2.4 latest version. I have the new theme Krystal installed.
When I run the mouse over topics in course pages or the front page menu, a grey background appears. Similar to the actions caused when you hover over a link.
I cannot find the grey hex colouring in the one topic (course format I am using) styles sheet or in the krystal theme folder.
Any ideas?
Hi Claire,
I think this is something that was added to base a while back. To get rid of it, try adding
.course-content .section .activity:hover {background-color:#fff;}
into the krystle customcss box - or into the bottom of the krystle.css file
Richard
Hi Richard,
Fantastic that worked for the course pages. How do I get that piece of code to work for the front page of moodle?
Hi Claire,
I'm not at my Moodle computer right now, but I would take a guess at taking the .course-content bit off teh front so that it is .section .activity:hover - but I'll have to try it later and check if it doesn't work for you
R
Hi Claire,
You can remove the hover effect on the front page as well as course pages by changing it to:
.sitetopic .section .activity:hover, .course-content .section .activity:hover {background: none;}
Huge thanks to Mary for originally posting this (in this thread)!
-Paul
P.S. Richard, I think I tried your suggestion of removing the .course-content bit, but found that it wasn't specific enough to override the original hover rule that puts the grey background in there.
Thanks Paul, I had a feeling that might be the case but I had it first on my list of things to check when i got back to my computer in work this morning - One job ticked off :D
Richard
This will do it too:
.section .activity:hover {background:none !important;}
We don't use !important if we can help it that is, why we add specific css selectors in orger to disable the original CSS that styles the hover.
However if that works for you...then great!
Cheers
Mary