Question

您好我正在尝试将我所有的woocommerce页面上的导航CSS定位为将其从（父css）白色更改为黑色。我基本上希望所有商店页面上的所有菜单项都是黑色的。

.woocommerce #top-menu-nav #top-menu li a{ color: #000000 !important; }
.woocommerce #top-menu-nav #top-menu li a:hover { color: #cea54a !important; }

但是，它仅显示在产品类别页面上，但实际上并不显示在任何商店页面上。我还应该在上面添加一些其他内容来反映这种变化吗？

由于

Answer 1

要在woocommerce页面上定位菜单元素，您应该尝试这样的事情（假设 #top-menu 是您的菜单ID：

body.woocommerce #top-menu a,
body.woocommerce-page #top-menu a  { 
    color: #000 !important;
}

希望这有帮助

更改WooCommerce页面的主题菜单css

1 个答案: