Hover over color
- dude_in_ohio
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 25
- Thank you received: 0
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;
}
|ID| li.accordeonck.level1:hover {
background-color: #FFF;
color:#DDD;
}
Please Log in or Create an account to join the conversation.
- dude_in_ohio
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 25
- Thank you received: 0
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)?
|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.
1 week 6 days ago #73272
by ced1870
Joomlack Webmaster and Developer
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.
- dude_in_ohio
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 25
- Thank you received: 0
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?
Is there a way to make the whole cell a link, not just when you click on the text?
Please Log in or Create an account to join the conversation.
- dude_in_ohio
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 25
- Thank you received: 0
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.
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.
Please Log in or Create an account to join the conversation.
1 week 4 days ago #73289
by ced1870
please give me the steps to reproduce the issue
Joomlack Webmaster and Developer
Replied by ced1870 on topic Hover over color
this is already the case, I have also checked on your website. Or may be that I don't understand the requestIs there a way to make the whole cell a link, not just when you click on the text?
please give me the steps to reproduce the issue
you can use this css codeI want the active main menu link to remain white
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