Tinting of nav-bar and horizontal menu

Help / Discuss
1

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.

image
image1983×404 11.5 KB

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

2

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:

1 Like