Change color active menu item at level1

Start
Prev
1
Next
End

Florence ROUCH
Topic Author
Offline
Fresh Boarder

6 years 4 months ago #18724 by Florence ROUCH

Change color active menu item at level1 was created by Florence ROUCH

Hi!
I'm desperately trying to change the color of the text of the active menu item at level 1.
I tried the css given here :
joomlaux.com/forum/jux-mega-menu/4964-ma...using-css.html#17595
Which is :

#megamenucss .megamenu ul.level1>li.megacss:hover>a.megacss, #megamenucss #js-mainnav.megamenu ul.level1 li.active {
color: #fff!important;
}

and replaced level0 by level1
but it did not change anything: the text stays grey (over a black background, so it is very difficult to read it).

I'm doing all these experiments in a subdomain of my website. You can have a look at it here for example:
test.rouchenergies.fr/chauffage/pompe-a-...es-de-chauffage.html

Would you have another idea to change color to white?

Thank you.
Flo

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

HaiND
Offline
User is blocked

6 years 4 months ago - 6 years 4 months ago #18729 by HaiND

Replied by HaiND on topic Change color active menu item at level1

Hi Florence ROUCH
Thank you for feedback us, Sorry for late reply, we have 1 holiday weekend
I'm green text on the background, not a black black on the background as you said on above
You want to change the white text here
prnt.sc/hls78p
Please go to back-end module -> tab advanced -> Custom CSS and add code:
#js-mainnav.megamenu.darkblue ul.level0 li.megacss span.megacss, #js-mainnav.megamenu.darkblue ul.level0 li.megacss a.megacss, #js-mainnav.megamenu.darkblue .megaMenuToggle {
color: #fffimportant;
}
with #fff is the color you want to change
Hope it can help you, If still having problems, Please give me link your site and your account of administrator via private message or mail: This email address is being protected from spambots. You need JavaScript enabled to view it.
I will check it for you soon
Thanks

Best Regards
--HaiND--

Last edit: 6 years 4 months ago by HaiND.

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

Florence ROUCH
Topic Author
Offline
Fresh Boarder

6 years 4 months ago #18746 by Florence ROUCH

Replied by Florence ROUCH on topic Change color active menu item at level1

Hi!

Sorry, as I did not get response, I turned the template from blackwhite to darkblue.
On the darkblue css, there is no problem: the text is white.

But on the blackwhite css, none of these work:

#js-mainnav.megamenu.blackwhite .childcontent .js-moduletable a:hover,
#js-mainnav.megamenu.blackwhite .childcontent .js-moduletable a:focus,
#js-mainnav.megamenu.blackwhite .childcontent .js-moduletable a:active {    
color: #fff !important;    
text-decoration: none !important;    
border-bottom: 1px solid #fff !important;
}

#js-mainnav.megamenu.blackwhite .childcontent .js-moduletable a.active {
    color: #fff !important;
    text-shadow: none !important;
}

#js-mainnav.megamenu.blackwhite .childcontent .js-moduletable a.active span.menu-title {  
  color: #fff !important;  
  text-shadow: none !important;
}

#megamenucss .megamenu ul.level1>li.megacss:hover>a.megacss, #megamenucss #js-mainnav.megamenu ul.level1 li.active {
color: #014E72!important;
}

#js-mainnav .megamenu>li a.active span.menu-title {
  color: #fff !important;
  text-shadow: none !important;
}

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

HaiND
Offline
User is blocked

6 years 4 months ago #18755 by HaiND

Replied by HaiND on topic Change color active menu item at level1

Hi Florence ROUCH
Thank you for feedback us
with style blackwhite , if you want change color text level1, please go to back-end modules -> tab advanced -> custom css and add code:

#js-mainnav.megamenu.blackwhite ul.level1 li.megacss span.megacss, #js-mainnav.megamenu.blackwhite ul.level1 li.megacss a.megacss{
color:#e81b1b!important;
}
with #e81b1b is color you want change,
If still having problems. Please give me link your site and your account of administrator via private message or mail: This email address is being protected from spambots. You need JavaScript enabled to view it.
I will check it for you soon
Thanks
***********
Best Regards
HaiND

Best Regards
--HaiND--

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

Start
Prev
1
Next
End

Moderators: Jackie

Time to create page: 0.053 seconds