更改 WooCommerce 页面的主题菜单 css

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

Change theme menu css for WooCommerce pages

css

wordpress

woocommerce

checkout

cart