Question

我似乎无法弄清楚如何更改菜单颜色或为Ganom 4中的菜单栏添加背景以供Joomla使用。厌倦了灰色或深灰色默认值。

我可以通过.less文件更改字体和选择，但不能更改菜单本身。

龙门网站上的文档过于笼统。

提前谢谢你。

Answer 1

同时检查：menu-light.less＆amp; menu-dark.less目录中的less\。

RocketTheme的人不建议编辑已编译的CSS（但是@Adriana指出它很有用。）

Answer 2

您可能会注意到使用Less的joomla的Gantry框架真正了解如何更改模板上的内容，您首先要了解的是，即使Gantry为您编译较少的文件，它也会有所减少。少了它太棒了所以值得。基本上你使用代码以更聪明的方式定义css更加经济，然后将其编译成更有效的css文件

如果您更改已编译的文件，因为我们的朋友在这里说完全没有意义，因为一旦您再次编译（并且您将），这些文件将被覆盖并且您的所有工作都将丢失。

我会给你方向，你会发现它并不像看起来那么困难。

1-在模板管理器 - 样式 - 菜单样式下检查您在Gantry模板上选择的菜单。

2-在你的less文件夹中，你会看到每个菜单样式的主要变量都有一个较少的文件例如menu-dark.less尝试理解变量和颜色，并改变它们以查看它是什么。

3-在同一个文件夹中，你有menu.less，并且使用前一个文件中的变量完成魔术。您将看到例如定义第一级菜单，您将具有以下内容：

&.l1 {
    > li.active {
        background: @menuActiveBack;

这样menuActiveBack变量将成为级别1的活动li的背景值。

4-最后一部分将是menu-hovers.less，我认为这是复杂的事情，因为它不需要有一个不同的文件来做徘徊，但它就是。

您可以控制CSS压缩，编译等待时间和调试标题，以及使用扩展→模板管理器→龙门→高级→减少编译器中的清除缓存按钮手动清除缓存。

希望从......开始是有帮助的。

快乐编码，

爱德华多

Answer 3

我花了一半时间或者半小时来浏览“css-compiled”文件夹中的“menu”css文件。

你可以找到所有的css来改变Gantry默认菜单的背景和颜色..我也在使用Gantry v4。

转到此处：

的Joomla＆GT;模板＆GT;龙门＆GT; CSS编译＆GT;菜单-675c76 .....

Answer 4

使用FireBug或类似功能查找默认的CSS样式。

创建一个文件/templates/gantry/css/gantry-custom.css并添加您自己的CSS以覆盖默认的CSS。

这是比编辑编译或其他模板less或css文件更好的方法，这些文件可以在编译期间或模板更新时被覆盖。