Archived topic
Color with transparency in navigation submenu background when hovering
5 replies · Started by Fernando Díaz Gascón on March 22, 2016
Hello,
I get the color background in submenu background with transparency making two things: removing the color in the color addon option and adding this css:
.main-navigation ul ul {
background-color: rgba(249, 249, 244, 0.8);}My problem is that when hovering, I want also that color, but I dont know how to do it. I dont find the correct code.
Thanks a lot.
The web I am working on:
http://maipacific.com.mialias.net/
user: maipac482
pass: 34OnUnwQ
Hi there,
Try this:
.main-navigation ul ul li a:hover {
/* CSS in here */
}Let me know :)
I tried this:
.main-navigation ul ul li a:hover {
background-color: rgba(249, 249, 244, 0.8)!important;}with no good result. But I tried this:
.main-navigation ul ul li a:hover {
background-color: rgba(249, 249, 244, 0)!important;}Changing the transparency to 0 now it is ok. There was like a overlay of the transparency or something like this. I dont know if this is the best solution but it works.
There is still an issue. The current link. I dont know how to put the background transparency in the element when I am in that page of the menu ("background current" in the colors addon).
Thanks a lot.
You would do this for the current page (not in sub menu):
.main-navigation ul li.current-menu-item a
And sub-menu:
.main-navigation ul ul li.current-menu-item a
Done! Perfect. Thanks a lot!!
You're welcome! :)