Hover over color

Would I just need custom css in the custom css tab? Something like this:

|ID| li.accordeonck.level1:hover {
 background-color: #FFF;
 color:#DDD;
 }

I could not get this to work:

|ID| li.accordeonck.level1:hover {
 background-color: #FFF;
 color:#DDD;
 }

Would you have an example of css to just change the hover color. Also need to keep the active link background white (then blue hover over)?

ok you can use this custom css rule, it will change the color of the active item on mouseover

That works.

Is there a way to make the whole cell a link, not just when you click on the text?

There are 3 thing I'm trying to figure out with the css but I'm not having any luck.
1. Can the entire cell be a link instead of just the text in the cell?
2. I want the active main menu link to remain white when hovering over or selecting anything from the sub or sub submenu.
3. I want the main menu to be a blue hover over and with white text but some of the main menu is blue hover with black text.

neilrisko.com/DELETE/products.html

Here is my css so far:
#accordeonck220 li.level1.active:hover > span {
    background: #4B8DCF;
}
#accordeonck220 li.level2 li.accordeonck.active > span {
    color: #000000;
    background-color: #dee2e6;
}
#accordeonck220 li.level2 li.accordeonck:hover > span {
    color: #000000;
    background-color: #4B8DCF;
}
#accordeonck220 li.level2 li.accordeonck.active > span a {
    color: #000000;
    background-color: #dee2e6;
}
#accordeonck220 li.level2 li.accordeonck:hover > span a {
  color: #FFFFFF;
  background: #4B8DCF;
}

Thanks so much.

Is there a way to make the whole cell a link, not just when you click on the text?

this is already the case, I have also checked on your website. Or may be that I don't understand the request
please give me the steps to reproduce the issue

I want the active main menu link to remain white

you can use this css code

I want the main menu to be a blue hover over and with white text