这是演示：http ://demo.rockettheme.com/joomla/oculus/
如果您浏览主菜单，则会打开一个下拉菜单。如果您将鼠标悬停在菜单项（下拉菜单内）上，则背景会突出显示（在本例中为橙色）。我找不到更改此颜色的 css 命令。
谢谢。
问问题
843 次
3 回答
3
您可以通过将其添加到您的 CSS 覆盖文件来更改颜色（/templates/css/rt_oculus-custom.css- 如果新文件不存在，则创建一个新文件，它将由 Gantry 框架自动找到并加载）。然后根据需要更改所有颜色值：
.gf-menu .dropdown li:hover >.item, .gf-menu .dropdown li.active >.item {
color: #ffffff;
background-color: rgba(235,167,74,0.02);
background-image: -webkit-gradient(linear,left top,right top,0 0,0 100%,from(transparent),color-stop(30%,rgba(235,167,74,0.2)),to(rgba(235,167,74,0.7)));
background-image: -webkit-linear-gradient(left,transparent,rgba(235,167,74,0.2) 30%,rgba(235,167,74,0.7));
background-image: -moz-linear-gradient(left,transparent,rgba(235,167,74,0.2) 30%,rgba(235,167,74,0.7));
background-image: -ms-linear-gradient(left,transparent,rgba(235,167,74,0.2) 30%,rgba(235,167,74,0.7));
background-image: -o-linear-gradient(left,transparent,rgba(235,167,74,0.2) 30%,rgba(235,167,74,0.7));
background-image: linear-gradient(left,transparent,rgba(235,167,74,0.2) 30%,rgba(235,167,74,0.7));
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#b2eba74a',GradientType=1);
border-right: 1px solid #EBA74A;
}
.gf-menu .dropdown li:hover:before, .gf-menu .dropdown li:hover:after, .gf-menu .dropdown li.active:before, .gf-menu .dropdown li.active:after {
background-color: rgba(235,167,74,0.02);
background-image: -webkit-gradient(linear,left top,right top,0 0,0 100%,from(transparent),color-stop(30%,rgba(235,167,74,0.2)),to(rgba(235,167,74,0.7)));
background-image: -webkit-linear-gradient(left,transparent,rgba(255, 226, 15, 0.2) 30%,rgba(70, 82, 218, 0.7));
background-image: -moz-linear-gradient(left,transparent,rgba(235,167,74,0.2) 30%,rgba(235,167,74,0.7));
background-image: -ms-linear-gradient(left,transparent,rgba(235,167,74,0.2) 30%,rgba(235,167,74,0.7));
background-image: -o-linear-gradient(left,transparent,rgba(235,167,74,0.2) 30%,rgba(235,167,74,0.7));
background-image: linear-gradient(left,transparent,rgba(235,167,74,0.2) 30%,rgba(235,167,74,0.7));
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#b2eba74a',GradientType=1);
}
更改颜色的最佳方法是使用查找/替换，以便为所有浏览器保持相同的颜色。保持透明度值不变（这是 RGBa 颜色代码中的第四个值）。
于 2014-07-03T04:33:28.267 回答
0
RocketTheme Gantry 模板使用 LESS，但您仍然可以使用 FireBug（参见图片）和类似工具来查找相关 CSS 并通过在 /templates/css/rt_oculus-custom.css 中创建自定义 CSS 文件来覆盖 CSS。
于 2013-11-15T04:05:27.967 回答