Hover over color

More
1 week 6 days ago #73262 by dude_in_ohio
Replied by dude_in_ohio on topic 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;
 }

Please Log in or Create an account to join the conversation.

More
1 week 6 days ago #73270 by dude_in_ohio
Replied by dude_in_ohio on topic Hover over color
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)?

Please Log in or Create an account to join the conversation.

More
1 week 6 days ago #73272 by ced1870
Replied by ced1870 on topic Hover over color
ok you can use this custom css rule, it will change the color of the active item on mouseover
Code:
#accordeonck220 li.level1.active:hover > span { background: red; }

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

More
1 week 5 days ago #73281 by dude_in_ohio
Replied by dude_in_ohio on topic Hover over color
That works.

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

Please Log in or Create an account to join the conversation.

More
1 week 4 days ago #73284 by dude_in_ohio
Replied by dude_in_ohio on topic Hover over color
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.
Attachments:

Please Log in or Create an account to join the conversation.

More
1 week 4 days ago #73289 by ced1870
Replied by ced1870 on topic Hover over color

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
Code:
#accordeonck220 li.level1.active:hover > span { background: white; }

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

Code:
#accordeonck220 li.level1.active:hover > span a { color: white; }

Joomlack Webmaster and Developer

Please Log in or Create an account to join the conversation.

Time to create page: 0.215 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 933 guests and one member online