Tinting of nav-bar and horizontal menu

[Roland]

Hi,

We just started with XWiki and enjoy the experienence so far.

With the Menu-Extension ( Menu Application (XWiki.org)), we implemented a horizontal menu, which works fine. Now we´re wondering, whether it is possible to give the menu-bar another color.

Our brand-color is kind of dominant and the header gets way to massive. A little more gray within the navigation-bar would do the trick.

The problem seems to be, that the menu-color is connected to the nav-bar-color (@navbar-default-color).

Any ideas? Thanks in advance.

Roland

[CharpentierLucas]

Hello Roland,

You can probably either use the @lessCode variable exposed in the advanced section of your color theme, or use a skin extension to make sure your CSS is loaded only when the menu is.
From there you’re only a couple lines of CSS from the solution, probably something close to

.menu-horizontal {
  background-color: grey;
}

would get you the intended result.

Let me know if you have trouble with this.

Have a good day,
Lucas C.

Refs:

• https://extensions.xwiki.org/xwiki/bin/view/Extension/Flamingo%20Theme%20Application#HAdvanced:LESSCode
• https://www.xwiki.org/xwiki/bin/view/Documentation/DevGuide/Tutorials/SkinExtensionsTutorial/

[Roland]

Thanks @CharpentierLucas but I didn´t get it yet,… I´ll have to discuss this with my more skilled colleagues .