我会更改wordpress中菜单项的颜色。在此网站中https://www.modacapellishop.it/菜单上有四种声音(品牌、Prodotti、Modacapelli Choice、Outlet(,我需要更改Modacapeli Choice的颜色(灰色到蓝色(。我在CSS文件上添加了以下代码:
/* Change color menu Modacapelli Choice */
#menu-item-427 a {
color: #2976ce;
}
它可以工作,但只是在桌面上。在移动版本的菜单导航侧边栏中;Modacapelli Choice";不会改变颜色。
我该如何解决?
由于这是一个非常特殊的情况,您可以执行.menu-item-427 > a { color: red!important; }
或.nav>li.menu-item-427>a { color: red; }
我推荐后者。
然而,两者都不太好,因为它与ID绑定。我建议为页面或菜单元素创建一个ACF字段,然后检查它是否存在,如果它为true,则创建一个内联样式或添加一个类。用户还可以更改他希望更改的其他元素的颜色,而无需就此联系您
例如,您可以将这样的类添加到菜单标记中。
.is-highlighted-element {
color: red;
}
在Mobile视图中没有#menu-item-427
这个id,所以用.menu-item-427
替换
试试这个css它的工作
.menu-item-427 a {
color: #2976ce;
}