Изменить тему меню css для страниц WooCommerce

Question

Привет, я пытаюсь настроить навигационный CSS на всех моих страницах woocommerce, чтобы изменить его (родительский 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 это идентификатор меню:

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

Надеется, что это помогает