Page 1 of 2
menu color
Posted: 25 Apr 2016, 09:00
by rokudamerlin
Hey,
i have now test 3 hour
cant find it
1.where can i remove the background color from menu ? (activ+hover) or make it transparency ?
2.what is the css id for mega menu background ?
greez
Re: menu color
Posted: 25 Apr 2016, 10:01
by mjau-mjau
rokudamerlin wrote:1.where can i remove the background color from menu ? (activ+hover) or make it transparency ?
The menu is complex, so you re changing things at own risk. The menu has special classes when it is FIXED to top, and also when it overlays video, image or slideshow. Also, it transforms into sidebar menu on small devices. Also, there is a difference between menu top-level items, and submenu items. Finally, you may need to use the !important attribute because classes are highly specific.
body[class*='topbar'] .menu>li>a.active {
background: transparent;
}
body[class*='topbar'] .menu>li>a.active {
background: tomato;
}
rokudamerlin wrote:2.what is the css id for mega menu background ?
body[class*='topbar'] div.mega
background: tomato;
}
Re: menu color
Posted: 25 Apr 2016, 10:12
by rokudamerlin
body[class*='topbar'] .menu>li>a.active {
background: transparent;
}
run perfect
but
body[class*='topbar'] .menu>li>a.hover {
background: transparent;
}
for hover run not =(
Re: menu color
Posted: 25 Apr 2016, 10:28
by mjau-mjau
:hover not .hover
body[class*='topbar'] .menu>li>a:hover {
background: transparent;
}
:hover is a pseudo-class.
Re: menu color
Posted: 25 Apr 2016, 10:31
by rokudamerlin
run not =(
Re: menu color
Posted: 25 Apr 2016, 10:37
by mjau-mjau
try this:
body[class*='topbar'] .menu>li>a:hover {
background: transparent !important;
}
... or this ...
body[class*='topbar'] .menu>li:hover {
background: transparent !important;
}
Re: menu color
Posted: 25 Apr 2016, 10:48
by rokudamerlin
run
can you me say the code only for hover dropdown ?
Re: menu color
Posted: 25 Apr 2016, 10:56
by mjau-mjau
rokudamerlin wrote:can you me say the code only for hover dropdown ?
Can you be more specific?
Re: menu color
Posted: 25 Apr 2016, 10:57
by rokudamerlin
thats i can only make background for drop and down links by hover
Re: menu color
Posted: 25 Apr 2016, 11:55
by mjau-mjau
rokudamerlin wrote:thats i can only make background for drop and down links by hover
Yes, but there are many dropdowns ... the carousel, the mega list, normal dropdown. I can't provide in-depth instructions on how to change these advanced elements. You can change by CSS, if you have the know-how, but it's not recommended.
Re: menu color
Posted: 02 Jul 2017, 02:13
by winph
hi,
can you give sample on how to change transparency on normal dropdown?
Re: menu color
Posted: 02 Jul 2017, 05:18
by mjau-mjau
winph wrote:can you give sample on how to change transparency on normal dropdown?
There are background colors for each menu-level, therefore they are applied differently per level/depth. Furthermore, you have the mouse HOVER color, which is also set separately. To change first dropdown level:
body[class*='topbar'] .menu li>ul {
background: rgba(0,0,0,.8);
}
Second level and onwards:
body[class*='topbar'] .menu li ul ul {
background: rgba(0,0,0,.8);
}
RGBA means RGB + ALPHA (transparency). In the example above, it's set to black (0,0,0) with .8 (80%) transparency. Change it to whatever you like. I wouldn't normally recommend editing these styles, but feel free to proceed.
Re: menu color
Posted: 02 Jul 2017, 06:38
by winph
thanks
Re: menu color
Posted: 26 Aug 2017, 08:00
by winph
hi,
hate to revive this topic again. how do i change background color for mega menu, and hover? want it to change to white. sherwintan.com thanks
Re: menu color
Posted: 26 Aug 2017, 09:55
by mjau-mjau
winph wrote:how do i change background color for mega menu, and hover? want it to change to white. sherwintan.com thanks
Settings > custom > custom CSS:
.mega {
background: white !important;
}