Support Offline: Mon - Fri / 08:00am - 05:00pm (GMT +7)
Your Time: Our Time:

map-pin Manual or instructions for using CSS

More
7 years 5 months ago #17581 by Brad Simon
So, I see that you can include CSS to modify the menu, but I don't see any instructions for how to do so.

1. Do you can any examples, instructions, or anything so the end user can actually use CSS?
2. I would like to modify the color of the menu. How would I do that?

https://www.m2820.com

Teaching to Transform Not Inform

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

More
7 years 4 months ago - 7 years 4 months ago #17595 by HaiND
Hi
Thank you for contacting and choosing our product
About your problem, I will guide you some custom code,
1:Change color background:
#megamenucss #js-mainnav .js-megamenu {
background: #014E72!important;
}

2 Change color active menu item
#megamenucss .megamenu ul.level0>li.megacss:hover>a.megacss, #megamenucss #js-mainnav.megamenu ul.level0 li.active {
color: #014E72!important;
}
3:Color text
.megacss.haschild.submenu-align-auto a{
color:#014E72!important;
}
4:Change color submenu background
#js-mainnav.megamenu.darkblue .childcontent-inner {
background-color: #014E72!important;
}
With #014E72 is color you want change

You can add it to the file,
../mod_jux_megamenu/assets/css/style.css and add code
Hope it can help you
Thanks

Best Regards
--HaiND--
Last edit: 7 years 4 months ago by HaiND.

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

More
7 years 4 months ago #17632 by Brad Simon
I placed the CSS code you gave me to modify the menu colors in my custom.css file that contains all my modifications. This file should take precedence over all the other CSS files. All the CSS code you gave me worked except for this:

1:Change color background:
#megamenucss #js-mainnav .js-megamenu {
background: #014E72!important;
}

Is the above code correct?
Do you know why this one portion does not work?
I like to keep all my modified CSS code in the same CSS file so I know what I've modified.

Teaching to Transform Not Inform

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

More
7 years 4 months ago - 7 years 4 months ago #17636 by Brad Simon
d

Teaching to Transform Not Inform
Last edit: 7 years 4 months ago by Brad Simon.

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

More
7 years 4 months ago #17637 by HaiND
Hi Brad Simon
Thank you for feedback us
You added it by color, you can tell me the color you want to change, I will test it for you
Thanks

Best Regards
--HaiND--

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

More
7 years 4 months ago #17660 by Brad Simon
At this point, just try any color. Once I get the correct code, I'll have to test several colors to see which one is the best. All I need is the correct CSS code.

Teaching to Transform Not Inform

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

More
7 years 4 months ago #17664 by HaiND
Hi
Thank you for feedback us
I just want to add you any color, then you can revise that color as you like as I said above, but if you do not want me to visit the site, I can give you Css code
You can add it to the file,
../mod_jux_megamenu/assets/css/style.css and add code :

#megamenucss #js-mainnav .js-megamenu.mainNav#js-meganav{
background: #69c923!important;
}
Hope it can help you
Thanks

Best Regards
--HaiND--

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

Moderators: Jackie
Time to create page: 0.152 seconds
Powered by Kunena Forum